Clickable Telephone Numbers...
With more and more people accessing the internet via mobile devices, it is more and more important that web browsers recognise telephone numbers entered as a link so that you can add them to your contacts or dial them simply by selecting the number...
So this code....
a[href^="tel:"]:before { content: "\260E"; display: block; margin-right: 0.5em;}
will display the telephone symbol and then the number that would be clickable whether you have skype installed or not and always be clickable on a mobile device..
Now, my question is, how could this be edited into a page or/and the style sheet to make it do it automatically in the 'fields' and the 'content' of the page and header?