17 lines
510 B
HTML
17 lines
510 B
HTML
<head>
|
|
<style>
|
|
div { display: inline-block; border:2px solid red; padding:10px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
This is a baseline alignment test for inline blocks. The last lines of the two red-bordered
|
|
inline blocks should line up and be on the baseline.<br>
|
|
|
|
<div>This is block<br>number one. This line is the last one.</div>
|
|
<div style="padding-bottom:40px">This is<br>number two.
|
|
<div style="border:0px; display:block">This line is the last one.</div>
|
|
</div>
|
|
More text on the line.<br>
|
|
The next line.
|
|
</body>
|