JSFiddle - React, Tailwind, and code Playground

HTML

<div id="categories">
                        <h3>Categories</h3>
                        <ul>
                            <li><a href="javascript:void(0)">animation</a></li>
                            <li><a href="javascript:void(0)">architecture</a></li>
                            <li><a href="javascript:void(0)">art</a></li>
                            <li><a href="javascript:void(0)">blogs</a></li>
                            <li><a href="javascript:void(0)">books</a></li> 
                            <li><a href="javascript:void(0)">graphic design</a></li>
                            <li><a href="javascript:void(0)">illustration</a></li>
                        </ul>
                        
                        <ul>
                            <li><a href="javascript:void(0)">magazines</a></li>
                            <li><a href="javascript:void(0)">news</a></li>
                            <li><a href="javascript:void(0)">photography</a></li>
                            <li><a href="javascript:void(0)">product design</a></li>
                            <li><a href="javascript:void(0)">stuff</a></li> 
                            <li><a href="javascript:void(0)">web design</a></li>
                        </ul>                        
                    </div> <!-- /categories-->

CSS

#categories {
    margin-left: 40px;
}

#categories h3 {
    font-family: 'acebinghamshregular';
    font-size: 30px;
    color: #474747;
}

#categories ul {
    display: block;
    float: left;
    list-style-type: none;
    width: 120px;
}

#categories ul li {
    list-style-image: url('http://i.imgur.com/qLEB0.png');
    list-style-position: inside;
}

#categories ul li  a {
    text-decoration: none;
    font-size: 11px;
    color: #595959;
        margin-top: -10px;
}

#categories ul li a:hover{
    color: #f69302;
}