JSFiddle - React, Tailwind, and code Playground

by JThomas

HTML

<div class="breadcrumbs">
    <a title="Go to Page." href="http://www.domain.com/dev" class="home">Home Page</a> 
    <a title="Go to the News category archives." href="http://www.domain.com/dev/topics/news/ " class="taxonomy category ">News</a>
    <span>News</span>

</div>

CSS

.breadcrumbs > a:after{
    content: '► ';
    padding-left: 2px;
    /* IE hack to remove underlining from :after content */
    text-decoration: underline;
}

.breadcrumbs > a:link:after{
    color: #000;
    text-decoration: none;
    display: inline-block;
}