Skip to content

Commit

Permalink
tidy up wb-break-all docs
Browse files Browse the repository at this point in the history
  • Loading branch information
shawnbot committed Sep 5, 2019
1 parent c3b639a commit aea1121
Showing 1 changed file with 1 addition and 2 deletions.
3 changes: 1 addition & 2 deletions docs/content/utilities/typography.md
Original file line number Diff line number Diff line change
Expand Up @@ -107,9 +107,8 @@ There are two utilities for adjusting how lines and words of text break when the

1. `break-word` sets `word-break: break-word` and `overflow-wrap: break-word`, which will only break words if they would exceed the line length _after wrapping_.

2. `wb-break-all` sets `word-break: break-all`, will force a word to break regardless of whether it's shorter than the line length, per [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#Values):
2. `wb-break-all` sets `word-break: break-all`, which will force a word to break regardless of whether it's shorter than the line length. See [MDN's `word-break` docs](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#Values) for more info.

> **Note:** In contrast to `word-break: break-word` and `overflow-wrap: break-word` (see [`overflow-wrap`](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap)), `word-break: break-all` will create a break at the exact place where text would otherwise overflow its container (even if putting an entire word on its own line would negate the need for a break).


```html live
Expand Down

0 comments on commit aea1121

Please sign in to comment.