JSFiddle - React, Tailwind, and code Playground

by Slava Fomin II

HTML

<article>
  
  <p lang="ru">Банальные, но неопровержимые выводы, а также оченьоченьоченьоченьоченьоченьоченьоченьоченьоченьдлинноеслово ключевые особенности структуры проекта набирают популярность среди определенных слоев населения, а значит, должны быть в равной степени предоставлены сами себе. Приятно, граждане, наблюдать, как акционеры крупнейших компаний лишь добавляют фракционных разногласий и ассоциативно распределены по отраслям. Противоположная точка зрения подразумевает, что активно развивающиеся страны третьего мира своевременно верифицированы. Мы вынуждены отталкиваться от того, что существующая теория обеспечивает актуальность модели развития.</p>
  
  <p lang="en">Lorem ipsum dolor sit amet, consectetur averylonglongwordaverylonglongwordaverylonglongwordaverylonglongword adipiscing elit. Praesent dapibus risus quis justo porta iaculis. Quisque sed metus purus. Vivamus eros purus, consequat eget rutrum a, tincidunt eget lorem. Maecenas ut libero accumsan lorem eleifend tempus. Vestibulum et iaculis elit, sed porttitor dolor. Donec in lobortis neque. Duis accumsan sollicitudin purus varius tempor. Etiam libero dui, venenatis eu ipsum ut, tincidunt tincidunt leo.</p>
  
</article>

CSS

p {
  width: 300px;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}