JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="block">
        <h2 class="header">Header</h2>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas libero nostrum ad fugit iusto. Aliquid itaque voluptatibus libero ut in dolorem ab maiores fugit at sunt numquam fuga incidunt? Repudiandae.
        </p>
        <p>Quas libero nostrum ad fugit iusto. Aliquid itaque voluptatibus libero ut in dolorem ab maiores fugit at sunt numquam fuga incidunt? Repudiandae.
        </p>
          
        Text

    </div>
    <div class="block question">
        <img alt="" src="http://chebureks.ru/img/ques.png" class="fl-left">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas libero nostrum ad fugit iusto. Aliquid itaque voluptatibus libero ut in dolorem ab maiores fugit at sunt numquam fuga incidunt? Repudiandae.Quas libero nostrum ad fugit iusto. Aliquid itaque voluptatibus libero ut in dolorem ab maiores fugit at sunt numquam fuga incidunt? Repudiandae.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas libero nostrum ad fugit iusto.
        </p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas libero nostrum ad fugit iusto. Aliquid itaque
      voluptatibus libero ut in dolorem ab maiores fugit at sunt numquam fuga incidunt? Repudiandae.Quas libero
      nostrum ad fugit iusto. Aliquid itaque voluptatibus libero ut in dolorem ab maiores fugit at sunt numquam
      fuga incidunt? Repudiandae.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas libero nostrum ad fugit iusto.
        </p>
    </div>
      
</div>
<div class="wrap">
  <div class="block">
    <h2 class="header">Header</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas libero nostrum ad fugit iusto. Aliquid itaque
      voluptatibus libero ut in dolorem ab maiores fugit at sunt numquam fuga incidunt? Repudiandae.
    </p>
    <p class="mb-20">Quas libero nostrum ad fugit iusto. Aliquid itaque
     ...

CSS

body, h2, p{
      margin: 0;
      padding: 0;
    }
    p{
      font-size: 1.2em;
    }
    body{
      padding: 10px;
      font: 62.5% Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
      font-weight: normal;
    }
    .wrap{
      background: #e9e9e9;
      border-radius:5px;
      margin-bottom: 10px;
    }


    .header{
      font-size: 1.8em;
      margin: 0 0 15px;
    }

    .block {
      padding: 15px;
      overflow: hidden;
    }

    .block p{
      margin: 0 0 15px;
    }
    .block p:last-child{
      margin:0;
    }

    .block:last-child{
      border-radius:0 0 5px 5px;
    }

    .question {
      background: #aaa;
    }

    .fl-left{
      clear: both;
      float: left;
    }
    .question img{
      margin: 0 15px 15px 0;
    }
    .question p{
      margin: 0 15px 15px 0;
    }
    .block p.mb-20{
      margin: 0 0 22px;
    }