Skip to content

Commit

Permalink
Fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
Josh-Cena committed Nov 5, 2024
1 parent 1e6dcbc commit 291959a
Show file tree
Hide file tree
Showing 3 changed files with 6 additions and 7 deletions.
3 changes: 2 additions & 1 deletion .vscode/dictionaries/ignore-list.txt
Original file line number Diff line number Diff line change
Expand Up @@ -142,6 +142,7 @@ gaesamplesite
gims
globalprivacycontrol.org
GNF576746573fhdg4737dh4
gogerychwyrndrobwllllantysiliogogogoch
Graece
gubergren
hellonode
Expand Down Expand Up @@ -230,7 +231,7 @@ potenti
PPCCLL
proinde
public-webapps
pwllgwyngyllgogerychwyrngogogoch
pwllgwyngyll
PXHQTXP
Quaaaack
quandong
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/learn/html/cheatsheet/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -176,7 +176,7 @@ see &#x3C;cite>The Monster Book of Monsters&#x3C;/cite>.</pre
<td id="wbr-example">
<pre class="brush: html">
&#x3C;div style="width: 200px">
Llanfair&#x3C;wbr>pwllgwyngyllgogerychwyrngogogoch.
Llanfair&#x3C;wbr>pwllgwyngyll&#x3C;wbr>gogerychwyrndrobwllllantysiliogogogoch.
&#x3C;/div></pre
>
{{EmbedLiveSample("wbr-example", 100, 80)}}
Expand Down
8 changes: 3 additions & 5 deletions files/en-us/web/css/css_text/wrapping_breaking_text/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@ page-type: guide

{{CSSRef}}

<!-- cSpell:ignore pwllgwyngy -->

This guide explains the various ways in which overflowing text can be managed in CSS.

## What is overflowing text?
Expand Down Expand Up @@ -165,11 +163,11 @@ In the example below there is a checkbox and label. Let's say, you want the labe

## Adding hyphens

To add hyphens when words are broken, use the CSS {{cssxref("hyphens")}} property. Using a value of `auto`, the browser is free to automatically break words at appropriate hyphenation points, following whatever rules it chooses. To have some control over the process, use a value of `manual`, then insert a hard (U+2010) or soft break character (U+00AD) into the string. A hard break character can be added using `` or `&#x2010;`, and a soft break character can be added using `&shy;`, `&#173;`, or `&#xad` HTML character codes. A hard break will always break, even if it is not necessary to do so. A soft break only breaks if breaking is needed.
To add hyphens when words are broken, use the CSS {{cssxref("hyphens")}} property. Using a value of `auto`, the browser is free to automatically break words at appropriate hyphenation points, following whatever rules it chooses. To have some control over the process, use a value of `manual`, then insert a hard (U+2010) or soft break character (U+00AD) into the string. A hard break character can be added using `` or `&#x2010;`, and a soft break character can be added using the `&shy;`, `&#173;`, or `&#xad` HTML character codes. A hard break will always break, even if it is not necessary to do so. A soft break only breaks if breaking is needed.

```html live-sample___hyphens
<div class="box">
Llanfair&shy;pwllgwyngy&shy;llgogerychwyrndrobwllllantysiliogogogoch
Llanfair&shy;pwllgwyngyll&shy;gogerychwyrndrobwllllantysiliogogogoch
</div>
```

Expand Down Expand Up @@ -198,7 +196,7 @@ In the below example the text breaks in the location of the {{HTMLElement("wbr")

```html live-sample___wbr
<div class="box">
Llanfair<wbr />pwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch
Llanfair<wbr />pwllgwyngyll<wbr />gogerychwyrndrobwllllantysiliogogogoch
</div>
```

Expand Down

0 comments on commit 291959a

Please sign in to comment.