mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-11 02:10:17 +01:00
24 lines
650 B
HTML
24 lines
650 B
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>vertical_align_texttop.html</title>
|
||
|
|
<style type="text/css">
|
||
|
|
.one {
|
||
|
|
font-size: 30pt
|
||
|
|
}
|
||
|
|
.two {
|
||
|
|
vertical-align: text-top; font-size: 12pt
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<p>Text-top aligns the top of the box with the top of the parent element's font. In the example below, the top of the box (the b's) should align with the top of the parent element's font (sentence). However, the sentence displays a little low.</p>
|
||
|
|
<p class="one"><span class="two">bbbbbbbbbbbbbbb</span>Top of the b should align with the top of this sentence's font.</span>
|
||
|
|
</p>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|