@ou-imdt/css/docs/native/wbr.md

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

# wbr (Line break opportunity)

he `wbr` tag signals a position within text where the browser may optionally break a line, though its line-breaking rules would not otherwise create a break at that location
## Example

<div class="card">
  <div style="overflow: hidden; resize: horizontal; width: 9rem;">
    <p>Fernstraßenbauprivatfinanzierungsgesetz</p>
    <p>Fernstraßen<wbr>bau<wbr>privat<wbr>finanzierungs<wbr>gesetz</p>
    <p>Fernstraßen&shy;bau&shy;privat&shy;finanzierungs&shy;gesetz</p>
  </div>
</div>

<details class="compact">
  <summary>HTML</summary>

```html
  <div style="overflow: hidden; resize: horizontal; width: 9rem;">
    <p>Fernstraßenbauprivatfinanzierungsgesetz</p>
    <p>Fernstraßen<wbr>bau<wbr>privat<wbr>finanzierungs<wbr>gesetz</p>
    <p>Fernstraßen&shy;bau&shy;privat&shy;finanzierungs&shy;gesetz</p>
  </div>
```

</details>