JSFiddle - React, Tailwind, and code Playground

by Luis Martin

HTML

<article> 
<section> 
<div class="banner--libre-vertical" style="background-image: url(img/uploads/home-promo-1.jpg);"> 
<div class="banner--libre-vertical-antetitulo"> 
<h1 >Aquí va el antetítulo</h1> 
</div> 
<div class="banner--libre-vertical-title"> 
<h2 class="banner--libre-vertical-textTitle">Aquí TÍTULO</h2> 
</div> 
</div> 
</section> 
</article>

CSS

.banner--libre-vertical{ 
height:570px; 
width:350px; 
} 

.banner--libre-vertical-antetitulo{ 
padding-top: 25px; 
color: #FFFFFF; 
margin-left: 20px; 
font-size:20px; 
background-image:no-repeat; 
} 

.banner--libre-vertical-title{ 
margin-top: 310px; 
margin-left: 20px; 
background-color:#FFFFFF; 
} 

.banner--libre-vertical-textTitle{ 
background-color:red; 
display : inline-block; 
}