CSS Text Wrapping, Breaking & Hyphens

Published: 03 February 2023
on channel: Craig A. Bourne

3,851

100

► Timestamps:
0:00 Start
0:37 Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch
1:36 Managing overflow
2:22 Preventing overflow
3:30 Text wrapping with overflow-wrap
5:00 Breaking with word-break
6:01 The HTML Line Break Opportunity element
6:44 Hyphens
8:08 End

► Get the code:
Start: https://codepen.io/craigabourne/pen/K...
End: https://codepen.io/craigabourne/pen/m...

► Useful links:
CSS overflow: https://developer.mozilla.org/en-US/d...
CSS inline-size: https://developer.mozilla.org/en/docs...
CSS overflow-wrap: https://developer.mozilla.org/en-US/d...
CSS word-break: https://developer.mozilla.org/en-US/d...
HTML Line Break Opportunity element: https://developer.mozilla.org/en-US/d...
CSS hyphens: https://developer.mozilla.org/en-US/d...

► Level up your text & font game:
CSS Text Fundamentals:    • CSS Text & Font Fundamentals
Google Fonts:    • How to Use and Optimize Google Fonts

► This video is part of the CSS for Absolute Beginners playlist:    • CSS for Absolute Beginners

► Social Media:
  / craigabourne
  / craigabourne

► Code & Projects:
https://github.com/craigabourne
https://codepen.io/craigabourne

Watch video CSS Text Wrapping, Breaking & Hyphens online without registration, duration hours minute second in high quality. This video was added by user Craig A. Bourne 03 February 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 3,851 once and liked it 100 people.

106