JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div>one</div>
    <div></div>
    <div>three</div>
    <div>four</div>
    <div>five</div>
</div>

CSS

*,
*:before,
*:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
div { vertical-align: text-top }

#container {
    background: green;
    width: 80%;
    height: 300px;
    margin-left: 0;
    margin-right: auto;
}
#container div {
    background: #ccf;
    border: 1px solid yellow;
    display: inline-block;
    width: 30%;
    height: 100px;
    margin-right: 5%;
    margin-left: -4px;
    font-size: 14px;
}
#container div:nth-child(3) {
    margin-right: 0;
}