haikuwebkit/LayoutTests/fast/css/line-height-determined-by-p...

71 lines
2.0 KiB
HTML

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
body {
font-size:12px;
}
.container ul {
width:527px;
height:97px;
list-style:none;
line-height:30px;
}
.container ul li {
float:left;
padding:0 10px 0 12px;
display:inline;
border-bottom: 1px solid red;
}
.container ul .li_f1 {
font-size:14px
}
.container ul .li_f2 {
font-size:14px;
}
.container ul .li_f3 {
font-size:18px;
}
.container ul .li_f3_2 {
font-size:18px
}
.container ul .li_f4 {
font-size:24px;
}
</style>
</head>
<body>
<p>This test verifies that line height is determined solely by a box's primary font, not by its fallback fonts. The following two lines should have a solid, unbroken red line below them:</p>
<div class="container">
<ul>
<li class="li_f1"><a>깝펩꼍</a></li>
<li class="li_f3"><a>꽐弩주</a></li>
<li class="li_f4"><a>냈暎櫚</a></li>
<li class="li_f3"><a>냈史祺</a></li>
<li><a>붚羈綾</a></li>
<li class="li_f2"><a>쟀倒뉴</a></li>
<li class="li_f1"><a>졺쓰흇</a></li>
</ul>
</div>
<div class="container">
<ul>
<li class="li_f1">깝펩꼍</li>
<li class="li_f3">꽐弩주</li>
<li class="li_f4">냈暎櫚</li>
<li class="li_f3">냈史祺</li>
<li >붚羈綾</li>
<li class="li_f2">쟀倒뉴</li>
<li class="li_f1">졺쓰흇</li>
</ul>
</div>
</body>
</html>