View Single Post
Old 11-20-2015, 10:57 AM   #2
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,361
Karma: 20212223
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
You can either insert a <br /> where you want to break up long sentences, or you can use an &nbsp; between words you really don't want to split.
eg:
<h1>Royal Wedding<br />or<br />Sinister Plot?</h1>
- or -
<h1>Royal&nbsp;Wedding or Sinister&nbsp;Plot?</h1>

That will let the device/app know where it can split between those words.

Splitting the words themselves is a function of the device's hyphenation rules. You can add some css rules to your <h1> telling it not to hyphenate, but that doesn't mean that particular app/reader will obey the css rules...

h1 {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none
}

A combination of the two techniques should work for almost all circumstances.
Cheers!

Last edited by Turtle91; 11-20-2015 at 11:04 AM.
Turtle91 is offline   Reply With Quote