Add a test case for vertical_align and line-height

This commit is contained in:
Junyoung Cho 2013-08-22 19:17:53 +09:00
parent 3b3f3f8b8a
commit 127c7b9066
3 changed files with 26 additions and 2 deletions

View file

@ -5,6 +5,6 @@
#larger2 {
font-size: 30px;
line-height: 1;
line-height: 3;
}

View file

@ -5,6 +5,6 @@
</head>
<body>
<div>Regular font <span id="larger1">Even larger with line-height 2</span></div>
<div id="larger2">Large line 2!</div>
<div id="larger2">line-height 3!</div>
</body>
</html>

View file

@ -0,0 +1,24 @@
<html>
<head>
</head>
<body>
<p>
[test1] <b style="font-size:20px">baseline</b><img src="test.jpeg"></img>
</p>
<p>
[test2] <b style="font-size:20px; vertical-align:top">vertical-align:top</b><img src="test.jpeg"></img>
</p>
<p>
[test3] <b style="font-size:20px; vertical-align:middle">vertical-align:middle</b><img src="test.jpeg"></img>
</p>
<p>
[test4] <b style="font-size:20px; vertical-align:bottom">vertical-align:bottom</b><img src="test.jpeg"></img>
</p>
<p>
[test5] <b style="font-size:20px;">img=>text-top</b><img src="test.jpeg" style="vertical-align: text-top;"></img>
</p>
<p>
[test6] <b style="font-size:20px;">img=>text-bottom</b><img src="test.jpeg" style="vertical-align: text-bottom;"></img>
</p>
</body>
</html>