JSFiddle - React, Tailwind, and code Playground

HTML

<div class="line">КАКСДЕЛАТЬЧТОБЫТЕКСТНЕВЫЛАЗИЛЗАШИРИНУБЛОКА КАКСДЕЛАТЬЧТОБЫТЕКСТНЕВЫЛАЗИЛЗАШИРИНУБЛОКА</div>
<div class="line word-wrap">КАКСДЕЛАТЬЧТОБЫТЕКСТНЕВЫЛАЗИЛЗАШИРИНУБЛОКА КАКСДЕЛАТЬЧТОБЫТЕКСТНЕВЫЛАЗИЛЗАШИРИНУБЛОКА</div>
<div class="line word-break">КАКСДЕЛАТЬЧТОБЫТЕКСТНЕВЫЛАЗИЛЗАШИРИНУБЛОКА КАКСДЕЛАТЬЧТОБЫТЕКСТНЕВЫЛАЗИЛЗАШИРИНУБЛОКА</div>

CSS

.line {
	width: 400px;
	margin: 0 0 10px;
}
.line:before {
	content: attr(class);
	display: block;
	margin: 0 0 5px;
	font-weight: bolder;
}
.word-wrap {
	word-wrap: break-word;
}
.word-break {
	word-break: break-all;
}