JSFiddle - React, Tailwind, and code Playground

by Michael Brewer

HTML

<div id="outer-container">
    <div id="inner-container">
        <div id="one">one</div>
        <div id="two">two</div>
    </div>
    <div id="three">three</div>
</div>

CSS

#outer-container {
    position: absolute;
    width: 100%;
}
#inner-container {
    position: relative;
    width: 400px;
}
#one {
    width: 200px;
    text-align: center;
    float: left;
}
#two {
    width: 200px;
    text-align: center;
    float: left;
}
#three {
    width: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}