JSFiddle - React, Tailwind, and code Playground
HTML
<div class="contenedor">
<article>
<h3>Fiestas este fin de semana</h3>
<p>Este fin de semana viene cargado de fiestas y muuuuucha salsa.
Empezaremos el viernes en DOWN CLUB
23.30 horas con un taller de rueda de salsa.
Animaciones, Salsa, Bachata y Mojitos fresquitos!!!
Con una terraza espectacular, no dudes en venir!!!
**********************
Y los Domingos son de LA TERRAZA NIGTH & DAY</p>
<img src="imagenes/img-noticia1.jpg" class="img-derecha" />
</article>
<article>
<h3 class="derecha">Fiestas este fin de semana</h3>
<img src="imagenes/img-noticia1.jpg" class="izquierda" class="n-izquierda" />
<p >Este fin de semana viene cargado de fiestas y muuuuucha salsa.
Empezaremos el viernes en DOWN CLUB
23.30 horas con un taller de rueda de salsa.
Animaciones, Salsa, Bachata y Mojitos fresquitos!!!
Con una terraza espectacular, no dudes en venir!!!
**********************
Y los Domingos son de LA TERRAZA NIGTH & DAY</p>
</article>
<article>
<h3>Fiestas este fin de semana</h3>
<p>Este fin de semana viene cargado de fiestas y muuuuucha salsa.
Empezaremos el viernes en DOWN CLUB
23.30 horas con un taller de rueda de salsa.
Animaciones, Salsa, Bachata y Mojitos fresquitos!!!
Con una terraza espectacular, no dudes en venir!!!
**********************
Y los Domingos son de LA TERRAZA NIGTH & DAY</p>
<img...
CSS
*{
border:0;
margin: 0;
padding: 0;
}
article{
border: 1px solid #fff;
background-color: #ff7700;
width: 75%;
padding: 5px;
}
article h3{font-size:2em;}
article h3.derecha{margin-left:21%;}
article p{
width: 50%;
display: inline-block;
border: 1px solid red;
vertical-align:middle;
}
article img{
width: 20%;
border: 1px solid #fff;
vertical-align:middle;
}
.contenedor, header{
width: 75%;
margin: 0 auto;
background-color:#ff6529;
border: 1px solid #333;
}