JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<div class="div">
  <span>International competition</span>
  </div>
<div class="div"><span>Очень сердцевина</span></div>

CSS

div {
  width: 240px;
  height: 240px;
  border-radius: 100%;
  background: #f00;
  font-size: 30px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  max-height: 20px;
}

span {
 display: inline; 
 outline: 1px solid #fc0;
  hyphens: auto;
}