Comparing HTML4 with HTML5, I encounter a strange problem when placing sliced images to my website.
See the example pages below:
As you can see in HTML5 version, an unwanted margin appears in image margin top & bottom, and cannot be removed via CSS overrides. How to make HTML5 version look identical to HTML4 version (in this simple case)?
p.s. the only difference of the 2 files is the header DOCTYPE declaration.
Add
img {vertical-align: bottom;}to your CSS.