Question

This might be simple to answer ..I have a div inside which I have some text and in that text there can be some links also eg hello http://google.com hello http://bing.com.

The question is how can I make those links appear as hyperlinks using css.

Thanks

edit:

I just saw that after posting this question the links were automatically displayed as hyperlinks.I need the same thing.

Answer 1

There isn’t a pure CSS solution to turning URLs into links.

Here is an example of a PHP code snippet that does exactly that: http://css-tricks.com/snippets/php/find-urls-in-text-make-links/

And this SO answer has a solution using Javascript, which is arguably more elegant:

function replaceURLWithHTMLLinks(text) {
    var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
    return text.replace(exp,"<a href='$1'>$1</a>"); 
}

https://stackoverflow.com/a/37687/1512956