JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex">
  <div>
    <i></i> Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Строчка, от всех диких эта имеет. Они повстречался взобравшись если пор.
  </div>
  <div>
    <i></i> Lorem ipsum dolor sit amet.
  </div>
  <div>
    <i></i> Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.
  </div>
  <div>
    <i></i> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis, minima?
  </div>
</div>

CSS

.flex {
  display: table;
  width: 400px;
  background:#ffffff;
  padding: 20px;
}
.flex > div {
  display:flex;
  flex-direction: row;
  align-items: center;
  background:#e1fbd1;
  margin:5px 0;
  padding:10px;
}
.flex > div > i {
  display:inline-block;
  flex-shrink: 0;
  width:32px;
  height:32px;
  background:#cccccc;
  margin-right:10px
}