JSFiddle - React, Tailwind, and code Playground

by Tom Randolph

HTML

<div id="asdf"> 
    <div class="otherfloat"></div> 
    <div id="floater"> 
        <label>HI!</label> 
        <a href="#">POTATO!</a> 
        <label>HI!</label> 
        <a href="#">POTATO!</a> 
        <label>HI!</label> 
        <a href="#">POTATO!</a> 
        <label>HI!</label> 
        <a href="#">POTATO!</a> 
        <label>HI!</label> 
        <a href="#">POTATO!</a> 
        <label>HI!</label> 
        <a href="#">POTATO!</a> 
        <label>HI!</label> 
        <a href="#">POTATO!</a> 
        <label>HI!</label> 
        <a href="#">POTATO!</a> 
    </div> 
    <div class="otherfloat"></div> 
</div>

CSS

#asdf { 
    overflow: auto; 
    min-width: 700px; 
}

#floater, .otherfloat{ 
    float: left; 
    height: 5em;
    width: 13em;
    background-color: #CCCCCC; 
}