For some reason, I'm getting page breaks after images (they begin each chapter). These are small images (100px x 100px) so there's no reason it should be giving a pagebreak. I've gone through and added page-break: avoid in the css. Any ideas how to get it to flow without that pagebreak? There should be a page break before the image, but not after.
This is the code:
<div class="center"><img class="header" src="MTpic0001.png" alt="The Teacher" /></div></div><h2 id="c1">The Teacher</h2>
And this is the CSS:
img.header{max-width:250px;margin: 0 auto; page-break-before:always;page-break-after: avoid;}
h2 {font-weight: bold; text-align:center; margin-bottom:1.2em; page-break-before:avoid;}