JSFiddle - React, Tailwind, and code Playground

by fred02138

HTML

<div id="foo">
    <div id="left"></div>
    <div id="right"></div>
    <div id="center1">asdfasdfasdf</div>
    <div id="center2"> asdfasdlfkjasl;dkfjalsdjkf</div>
</div>

CSS

div {
    border: solid 1px black ;
    height: 20px;
}
#left {
    width: 100px;
    float: left;
}

#center1 {
    float: left;
}

#center2 {
    float: right;
}
#right {
    width: 100px;
    float: right;
}