JSFiddle - React, Tailwind, and code Playground

HTML

<div  id="central">
    <div  id="contenido_centro">
    aqui va el contenido del centro de la pagina...
    aqui va el contenido del centro de la pagina...
    aqui va el contenido del centro de la pagina...
    </div>
    <div  id="contenido_centro">
    aqui va el contenido del centro de la pagina...
    aqui va el contenido del centro de la pagina...
    aqui va el contenido del centro de la pagina...
    </div>
</div>

CSS

#central {
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
width:780px;
margin:auto;
}
 
#contenido_centro {
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
width:500px;
margin:0 auto;
margin-top: 5px;
margin-bottom: 5px;
}