1
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>CSS
2.1 Test Suite: The Height of Lines
</title>
5 <script src=
"../resources/ahem.js"></script>
6 <style type=
"text/css">
7 div
{ font: 10px/20px Ahem
; color: white
; background: red url
(support/css1test44a.png) no-repeat
;
8 width: 19em; padding: 0.5em 1em; border: 1em solid green
; }
9 img
.onea
, img
.oneb
{ width: 4em; height: 4em; }
10 img
.onea
{ vertical-align: text-bottom
; }
11 img
.oneb
{ vertical-align: text-top
; }
13 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/visudet.html#line-height" title=
"10.8 Line height calculations: the 'line-height' and 'vertical-align' properties">
16 <p>There should be no red below, just the outline of an empty green box.
</p>
20 <img alt=
"" src=
"support/swatch-white.png" class=
"onea">
22 <img alt=
"" src=
"support/swatch-white.png" class=
"oneb">