Handling White Spaces, Line Breaking and Word Breaking with CSS (VIDEO)

Use-Cases of this Tutorial

  • You are looking to know how white spaces are handled with CSS.
  • You are looking to know how line breaks and word breaks are 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.