JSFiddle - React, Tailwind, and code Playground

by serGlazkov

HTML

<div class="wrap__wrap">
  <div class="wrap">
    <div class="block2">TextTextTextTextText Text Text Text Text Text Text Text Text Text Text Text</div>
  </div>
</div>
<div class="wrap__wrap">
  <div class="wrap">
    <div class="block2">Text</div>
  </div>
</div>

CSS

.wrap__wrap{
  text-align: center;
  width: 20%;
  display: inline-block;
  vertical-align: middle;
}
.wrap {
  display: inline-block;
  max-width: 200px;
  text-align: center;
  padding-left: 30px;
}

.wrap .block2 {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
}

.wrap .block2::before {
  content: "+";
  display: block;
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -9px;
}