How to make CSS break words
By default, text lines can only be broken at a space or a hyphen. By using the CSS word-break
property, you can modify the way the browser handles text that doesn't fit between the edges of the element.

- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid certificates of completion

- Easy to navigate
- No technical issues
- Seems to care about its users
- Huge variety of courses
- 30-day refund policy
- Free certificates of completion

- Great user experience
- Offers quality content
- Very transparent with their pricing
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
CSS word break syntax
To syntax for this property is as follows:
word-break: value;
You can choose one of three available values.
The default value for CSS word-break
is normal
. This means the browser will use the default rules for breaking words:
Specifying the break-all
will prevent overflowing the container – the browser will be able to break the line between any two characters:
The keep-all
value behaves as normal
, but doesn't include any CSS word breaks between Asian characters:
Note: Safari and iOS browsers do not support the
keep-all
value.
Browser support

Chrome

Edge

Firefox

IE

Opera

Safari
Mobile browser support

Chrome

Firefox

Opera
