This site is designed for accessibility.
Content is obtainable and functional to any browser or Internet device.
This site's full visual experience is available in a graphical browser
that supports web standards. Please consider
upgrading your web browser.
Inline Images
The rules are a little bit different for images.
- The inline box of an image is equal to the image plus any padding, border,
and margins which may be applied to it.
- line-height does not affect inline images in any way.
- By default, the bottom of an image sits on the baseline.
What effect do these rules have?
- Since images are usually taller than text, and their bottom sits on the
baseline, images typically force a line box to be much taller than usual which
is why images generally push lines far apart.
- These rules are actually true for any replaced inline element, including
form elements, but images are the most common case.