blob: 62088ce0945d47add81c30bb7cf6e5993d1f53e1 [file] [log] [blame]
<!DOCTYPE html>
body {
padding: 0;
margin: 0;
.outside {
font: 10px Ahem;
.inside {
display: inline-block;
width: 5px;
#top {
height: 50px;
vertical-align: top;
#bottom {
height: 110px;
vertical-align: bottom;
<script src="../../resources/check-layout.js"></script>
<div class="outside">
<div id="top" class="inside"></div>
<div id="bottom" class="inside"></div>
<div id="line" style="display: inline-block;" data-total-y=110> In an inline formatting context with a mix of top and bottom vertically aligned inline-blocks use the lowest.</div>
<div id="test-output"></div>
window.checkLayout("#line", document.getElementById("test-output"));