word break

word-break

Управляет разрывом слов при переполнении ширины контейнера

---

:root {
    --legend: #008;
    --normal: white;
    --break-all: #9f9;
    --keep-all: #ff9;
    --break-word: #9ff;
}

fieldset {
    padding: 20px;
    border: 1px inset;
    max-width: 98%;
	margin: 30px 20px 20px 20px;
    box-sizing: border-box;
}

legend {
    font-family: Arial;
    font-weight: bold;
    color: var(--legend);
    padding: 4px 8px 30px 8px;
}
.normal {
    word-break: normal;
    background-color: var(--normal);
}

.breakAll {
    word-break: break-all;
    background-color: var(--break-all);
}

.keepAll {
    word-break: keep-all;
    background-color: var(--keep-all);
}

.breakWord { 
    word-break: break-word;
    background-color: var(--break-word);
}

word-break

<fieldset class="normal">
       <legend>1. word-break: normal</legend>Это очень длинное слово: 
 ***************************************************************************************************************************************************************************************************
 グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉
    </fieldset>
   
<fieldset class="breakAll">
       <legend>2. word-break: break-all</legend>Это очень длинное слово: 
 ***************************************************************************************************************************************************************************************************
 グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉
</fieldset>

<fieldset class="keepAll">
       <legend>3. word-break: keep-all</legend>Это очень длинное слово: 
 ***************************************************************************************************************************************************************************************************
 グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉
</fieldset>

<fieldset class="breakWord">
       <legend>4. word-break: break-word</legend>Это очень длинное слово: 
 ***************************************************************************************************************************************************************************************************
 グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉
</fieldset>