JSFiddle - React, Tailwind, and code Playground

by Blanca B

HTML

<div id="cabecera">
    <h1>Mi super blog</h1>
    <h2>Donde comparto mis recetas</h2>
    
</div>

<div id="texto">

<h3>Receta de mi abuela</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa turpis, molestie eu fermentum vel, lacinia et ante. Nullam mollis eget lorem vitae varius. Donec a sapien et tellus elementum accumsan. Nam in augue vel est mollis iaculis at ut lacus. Sed vel dolor nibh. Vivamus non enim imperdiet, iaculis neque ac, ultrices leo. Suspendisse scelerisque augue erat, sed auctor est iaculis ac.<br>
<br />
Sed ante eros, interdum eu odio vitae, commodo tincidunt neque. Vestibulum non imperdiet libero. Aliquam sit amet enim vel velit ornare condimentum. Duis leo ligula, facilisis ac malesuada quis, malesuada ut arcu. Duis erat lacus, auctor et nisl feugiat, condimentum auctor ligula. Nunc ultrices cursus tortor eget aliquam. Proin id laoreet neque. Ut feugiat blandit quam eget fermentum. Mauris dictum dapibus lacinia.</p>
    
    </div>

CSS

#cabecera {
    background-image: url("http://bit.ly/1Rq1kp3");
    background-size: cover;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

#texto {
    margin-left: 25px;
    margin-right: 25px;
    text-align: justify;
}

body {
  margin:0;
}