JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
  <div class="into">Натуральные полудрагоценные вставки</div>
  <div class="into">Биогенные вставки</div>
  <div class="into">Биогенные вставки</div>
</div>

CSS

* {
  box-sizing: border-box;
}

.main{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2px;
}

.into {
  flex:0 0 33.33333%;
  max-width: 33.33333%;
  color:#fff;
  border: 2px solid transparent;
  padding:5px;
  background-color: #333;
  background-clip: padding-box;
}