Quote:
Originally Posted by Jellby
Most readers (all with Adobe engine, although it seems the latest incarnation behaves differently) just replace "auto" with "0", and this is an allowed behaviour according to specs. So just don't rely on "auto" being supported.
Simple. Wrap your image in a <div> and center it:
Code:
<div class="ornament"><img alt="" src="../Images/ornament-black.jpg" /></div>
Code:
div.ornament {
text-align: center;
margin-top: 0.38em;
margin-bottom: 0.38em;
}
div.ornament img {
width: 38%;
}
PS. Don't use alt="Ornament", the alt text is supposed to be a replacement for the image (in text-to-speech, for example), and I don't think you want your image replaced with "ornament". For purely decorative images, such as this one, it's perfectly OK, and recommended, to just have an empty alt. |
alt="section break" would be best as that does describe exactly what's going on.