JSFiddle - React, Tailwind, and code Playground

by Osman Cea

HTML

<div class="flex">
  <div class="flex flex-auto flex-align-center">
    <h2>Hola César, soy un título</h2>
  </div>
  <div>
    <p>Hola Gianna, soy un párrafo</p>
    <p>Proin feugiat aliquam tortor, id hendrerit urna semper pulvinar. Nullam iaculis aliquam risus, nec tempus quam condimentum ut. Proin nibh nisl, imperdiet non dictum quis, sodales quis risus. Lorem Ipsum gravida rhoncus. Proin sollicitudin mi eget felis congue sed adipiscing tellus vulputate. Cras suscipit aliquam sapien, non pretium turpis ullamcorper vitae. Aenean vitae libero velit, nec malesuada diam. Curabitur imperdiet porta sapien, sed luctus sapien sollicitudin at.</p>
  </div>
</div>

CSS

.flex {
  display: flex;
}

.flex-auto {
  flex: 1 0 auto;
}

.flex-align-center {
  align-items: center;
}