JSFiddle - React, Tailwind, and code Playground

by andrey90vs

HTML

<div class="title">
  <div class="ex">
  1
  </div>
  <div class="main">
  asd asd asd asd asd asda asd asd as dasd asd a
  </div>
  <div class="ex">
  2
  </div>
</div>

SCSS

.title {
  display: table;
  max-width: 200px;
  text-align: center;
  div {
    display: table-cell;
    vertical-align: middle;
  }
}
.ex {
  max-width: 30px;
  padding: 10px;
}