JSFiddle - React, Tailwind, and code Playground

by Felype Rennan

HTML

<div id="total"> 
    <div>aAaaAaAaaAaaAaaaAaa</div>
    <div>bbBbbBbBbbBbbbBbBbB</div>
</div>

<!-- Pus background red pra vermos o espaço que as divs estão consumindo. -->

CSS

#total {
    width: 100%;
    height: 100%;
    position: relative;
}
#total div {
    left: 0;
    right: 0;
    max-width:400px;
    margin:auto;
    background: red;
    display: block;
    position:relative;
}