JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://wwlclan.com">wwlclan</a>

CSS

ul#crumbs, ul#crumbs li { margin:0;padding:0;}

ul#crumbs li a {display:inline-block;padding:3px 4px;}

ul#crumbs li {list-style:none;display:inline;}

ul#crumbs li.home,
ul#crumbs li.selected {float:left;}

ul#crumbs li.home a {color:#fff !important;background:#000 !important}

/* for fun */
ul#crumbs li a {text-decoration:none;color:#353535;}
ul#crumbs li a:hover {color:#252525;}
ul#crumbs li.selected a {background:#c0c0c0;color:#000;font-weight:bold;}

JavaScript

txt = '<a href="http://wwlclan.com">wwlclan</a>';
       var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
            return txt.replace(exp, "<a href='$1' target='_blank'>$1</a>");