View Single Post
Old 05-11-2015, 09:23 AM   #125
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,359
Karma: 20171571
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
Another method for scene break:

Code:
<p>before break</p>

<div class="SecBrk">***</div>

<p>after break</p>


css:
div.SecBrk {
    text-indent: 0;
    text-align: center;
    margin: 1em auto}

div.SecBrk + p {text-indent:0}
I've heard that there are some old/obsolete devices that might not support the "div.SecBrk + p" but I figure that if the user can't get a decent reader then they can deal with an indented paragraph after the visible section break.


edit:
Of course you could easily replace the *** with a fleuron by replacing it with an <img> and customizing the css:
Code:
<div class="SecBrk"><img alt="" src="../Images/fleuron.jpg" /></div>

css:
div.SecBrk img {
   width: 20%;
   max-width: 25px; (I put the width of the actual img here so it doesn't fuzz out)
}

Last edited by Turtle91; 05-11-2015 at 09:34 AM.
Turtle91 is offline   Reply With Quote