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>
  </div>
  <div class="block-bottom">
    <div class="question">
      <div class="block">
        <div class="img-left"><img alt="" src="http://chebureks.ru/img/ques.png"></div>
        <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>
</div>
<div class="wrap">
  <div class="block">
    <div class="question">
      <div class="block">
        <div class="img-left"><img alt="" src="http://chebureks.ru/img/ques.png"></div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. 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 .8em;
    }
    
    .block {
      padding: 15px;
      overflow: hidden;
    }
    .wrap >.block-bottom:last-child{
      border-radius:0 0 5px 5px;
      background:  #aaa;
    }
    
    .block p{
      margin: 0 0 1em;
    }
    
    .block p:last-child{
      margin:0;
    }
    
    .question {
      background: #aaa;
      border-radius:5px;
      margin-bottom: 10px;
    }

    .question p{
      overflow: hidden;
      margin: 0 0 1em;
    }

    .img-left {
      clear: both;
      float: left;
      margin: 10px;
    }
    
    .question .img-left {
      margin: 0 15px 0 0;
    }
    
    .block .mb-20{
      margin: 0 0 2em;
    }