break-normal
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Quae saepe dolore deserunt consequatur inventore deleniti ipsadelenitidelenitidelenitideleniti
iusto modi ducimus? Non, natus rem nisi ipsa ullam aperiam quibusdamquibusdamquibusdamquibusdam quibusdamquibusdam
aut nesciunt aspernatur.
<--add a word-break class to body tag-->
+ <body class="word-break" >
<div>
<span class="v-break-normal">
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Quae saepe dolore deserunt consequatur inventore deleniti ipsadelenitidelenitidelenitideleniti
iusto modi ducimus? Non, natus rem nisi ipsa ullam aperiam quibusdamquibusdamquibusdamquibusdam quibusdamquibusdam
aut nesciunt aspernatur.
</span>
</div>
word-break-normal version
break-all
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Quae saepe dolore deserunt consequatur inventore deleniti ipsadelenitidelenitidelenitideleniti
iusto modi ducimus? Non, natus rem nisi ipsa ullam aperiam quibusdamquibusdamquibusdamquibusdam quibusdamquibusdam
aut nesciunt aspernatur.
<--add a word-break class to body tag-->
+ <body class="word-break" >
<div>
<span class="v-break-all">
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Quae saepe dolore deserunt consequatur inventore deleniti ipsadelenitidelenitidelenitideleniti
iusto modi ducimus? Non, natus rem nisi ipsa ullam aperiam quibusdamquibusdamquibusdamquibusdam quibusdamquibusdam
aut nesciunt aspernatur.
</span>
</div>
word-break-all version