JSFiddle - React, Tailwind, and code Playground

by alekskorovin

HTML

<ul class="widget-list">
    <li><a href="#link">Overview</a></li>
    <li><a href="#link">About</a></li>
    <li><a href="#link">Contact Us</a></li>
</ul>

CSS

.widget-list {
    font: normal 1.0em/1.2em Arial, Helvetica, sans-serif;  
    padding: 0.5em;   
}
.widget-list li:before {
    content: '◈';
    margin-right: 5px;    
}
.widget-list li {
    padding: 0.5em;
    border-bottom: solid 1px #ccc;   
}
.widget-list a {
    color: #00c;
    text-decoration: none;    
}
.widget-list a:hover {
    color: #000;   
}