Quote:
Originally Posted by Turtle91
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... |
That is ugly formatted code. I cannot stand CSS code that's all on one line.