Check out example codes for "text break css". It will help you in understanding the concepts better.

Code Example 1

.example {
  overflow-wrap: break-word;

Code Example 2

/* Schlüsselwortwerte */
word-break: normal; 
word-break: break-all; 
word-break: keep-all;

/* Globale Werte */
word-break: inherit;
word-break: initial;
word-break: unset;

Code Example 3

Css Syntax:
word-break: normal|break-all|keep-all|break-word|initial|inherit;

Property Values:
Value							Description
normal				--			Default value. Uses default line break rules
break-all			--			To prevent overflow, word may be broken at any character
keep-all 			--			Word breaks should not be used for Chinese/Japanese/Korean (CJK) text. Non-CJK text behavior is the same as value "normal"
break-word			--			To prevent overflow, word may be broken at arbitrary points
initial				--			Sets this property to its default value. Read about initial
inherit				--			Inherits this property from its parent element. Read about inherit

Learn ReactJs, React Native from