| <!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> |
