<wbr> - HTML тег можливого розриву рядка

Тег <wbr> (Word Break Opportunity) вказує браузеру на місце в тексті, де можна зробити перенос рядка, якщо це необхідно. На відміну від тега <br>, <wbr> не створює розрив рядка примусово, а лише пропонує таку можливість.

Тег <wbr> особливо корисний для довгих слів або безперервних послідовностей символів, таких як URL-адреси, щоб запобігти їх виходу за межі контейнера та покращити читабельність.

<wbr>

<p>Дуже-дуже-дуже-дуже-дуже-дуже-дуже-дуже-дуже-дуже-дуже-дуже-дуже-дуже-довге<wbr>слово.</p>
<p>https://example.com/дуже/дуже/дуже/дуже/дуже/дуже/дуже/дуже/довга/url<wbr>/адреса</p>

p {
  resize: both;
  border: 1px solid #0000;
  padding: 0.5rem;
  overflow: auto;
}