JSFiddle - React, Tailwind, and code Playground

by IllusionMH

HTML

<div id="left_column">
    Very<br />
    very<br />
    long<br />
    sidebar<br /> 

</div>

<div id="right_column">
    <ul class="menu">
        <li>li first</li>
        <li>li second</li>
        <li class="clear">li last</li>
    </ul>
    <p>Paragraph after floated list</p>
    <div id="justForClear"></div> 
</div>
<div id="footer">Footer below all colums</div>

CSS

#left_column {
   float:left;
   width:100px;
} 

#right_column {
    margin:0 0 0 100px;
}

.menu li {
    float:left;
} 

.clear {
    /*  clear:both;*/
    float:none !important;
}
#justForClear {
    clear: both;
}