Use the word break utility to prevent long strings of text from breaking layouts.
Format: .ds-u-word-break
An official website of the United States government
Official websites use .gov
A .gov website belongs to an official government organization in the United States.
Secure .gov websites use HTTPS
A lock or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
Use the word break utility to prevent long strings of text from breaking layouts.
Format: .ds-u-word-break
.ds-u-word-breakSupercalifragilisticexpialidocious<section class="ds-l-container example-grid">
<div class="ds-l-row">
<div class="ds-l-col--2 ds-u-word-break">
<code class="ds-u-margin-bottom--2 ds-u-fill--transparent">
.ds-u-word-break
</code>
Supercalifragilisticexpialidocious
</div>
<div class="ds-l-col--2">
<div class="ds-u-margin-bottom--2">No word break</div>
Supercalifragilisticexpialidocious
</div>
</div>
</section>