example:
Code:
HTML:
<p>Last para before text break.</p>
<div class="TxtBrk"><img alt="" src="../Images/skull.png"></div>
<p>First para after text break.</p>
CSS:
p {text-indent:1.2em}
div.TxtBrk {margin:2em auto; text-align:center}
div.TxtBrk img {width:10%; max-width:100px}
div.TxtBrk + p {text-indent:0}
Where you set the actual width of the image as the max-width in pixels and the width in percentage of the screen you want the image to fill.
You can style the first paragraph after the break to look different than the normal/standard paragraph by using the
div.TxtBrk + p css.
Please - only put
one skull.png image in your ebook...it's amazing how many books I've seen with 200+ copies of the same image just because it is used 200+ times in the book...