JSFiddle - React, Tailwind, and code Playground

by jnfsmile

HTML

<div id="outer">
    <div id="one">
        <div>aasdfsdf</div>
        <div>asasdfdf</div>
        <div>asdasdff</div>
        <div>asdfsadf</div>
        <div>asdfasdf</div>
    </div>
    <div id="two">asdf</div>
</div>

CSS

* {
    box-sizing: border-box;
    font-size: 16px;
}
#outer {
width: 500px;
}
#outer > div {
    height: 30px;
    background: #CCCCEE;
    border: 1px solid gold;
}
#one {
float :left;    
}
#one > div
{
    float: left;
}

#two {
    float: right;
    width: 240px;
}