JSFiddle - React, Tailwind, and code Playground
HTML
<div class="divimagen">
<img src="miimagen.jpg" />
</div>
<div class="contenido">
<div class="texto">Hola hola
</div>
</div>
CSS
.contenido{
margin:0 auto;
margin-top:0;
padding:0;
width:100%;
clear:both;
overflow:hidden;
box-sizing:border-box;
background:#Fcc;
}
.texto{
max-width:1200px;
margin:0 auto;
padding: 0 20px 0 20px;
color:#303030;
font-family: 'Work Sans', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 19px;
text-transform: none;
text-decoration: none;
letter-spacing: 0;
word-spacing: 0.066em;
line-height: 1.90;
text-align: justify;
background:#444;
}
.divimagen{
width: 100%;
max-width: 100%;
height: auto;
clear:both;
overflow: hidden;
box-sizing: border-box;
padding: 0;
margin: 0;
text-align:center;
background:#123456;
}