Pretty simple question-- just wondering if there is some css property I can add to a h1/h2/h3 to allow the words beyond the specified width to wrap.
this is a heading and its getting pretty long but it can go onto the next line, so no worries about going past the width set wheeee!
Thanks for any tips! :)
Ever heard of Hyphenator? It's some great js script who may help you getting this done!
If you want your heading to wrap in the middle of a word like thi- s, Then you should put shy hyphens between each letter of the word to be wrapped. For example you heading is
This heading is way way toooooo long
your heading source should look like this
This heading is way way tooooooo l­o­n­g
And ofcourse the element should have
Are you talking about:
Okay, I need to reopen this question. I have dynamically generated lists that are making up these header tags, but I can't get them to break! I set a width, display inline, white-space normal-- nothing will break these suckers! Are headers just break-proof or what? Is it just me? :P
What I found was that setting the max-width property works best for this.