如何在不切断CSS单词的情况下打断单词

Question

I want to a title like this

Lorem ipsum dolor amet cray thunder cats ramps

chicharrones yuccie prism anim next level

pork belly banh mi incididunt

But this is what i got

Lorem ipsum dolor amet cray thundercats ram

ps chicharrones yuccie prism anim next leve

l pork belly banh mi incididunt

I tried word-break: break-all;

What should i put to make it happen ?

Thank you

Answer 1

Your screenshots imply that either CSS, HTML Tags or HTML Entities force hyphenation.

Check if your text contains <br> , <wbr> or ­ and remove them.

Declare hyphens: normal; to stop breaking words in generally and word-wrap: break-word; to break words which are wider than the containing box.

Answer 2

text-align: justify; should be working