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)
}