Use-Cases of this Tutorial
- Know how white spaces can be handled with CSS.
- Know how line breaks and word breaks can be handled with CSS.
White space characters in HTML (word space, tab, carriage-return & line break) are generally ignored by web developers. Not many people give a decent amount of time towards understanding how browsers handles these white space characters.
You can actually give a very different look to your user interface by properly handling word spaces, line breaks, tabs & word breaks through CSS.
The below video will give you insightful details how browser handles white space characters. Specifically CSS properties dealing with white space are discussed :
- white-space
- overflow-wrap
- hyphens
- word-break
- line-break
It is very well researched video. If you're interested in web typography or building a website / blog that mostly deals with typography, it is must see.