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