JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="ddbar">
    <li>
        <a href="#">Hello</a>
    </li>
    <li>
        <a href="#">Hello</a>
    </li>
    <li>
        <a href="#">Hello</a>
    </li>
</ul>
<div style="clear: both;"></div> <!-- Clear Your Floats -->

CSS

#ddbar li {
    float: left;
    margin-left: 50px;
}