serenity/Tests/LibWeb/Layout/input/block-and-inline/button-with-block-content-baseline-align.html
Andi Gallo bab1d09d92 LibWeb: Derive baseline from rightmost descendant
Make the existing algorithm recursive, accounting for boxes which
contain line boxes indirectly. Fixes some button alignment issues on
Wikipedia.
2023-08-23 05:24:55 +02:00

25 lines
No EOL
424 B
HTML

<style>
.ib {
display: inline-block;
}
.label {
display: inline-block;
border: 1px solid black;
font-size: 20px;
}
button {
display: inline-block;
border: 1px solid black;
background-color: transparent;
font-size: 40px;
}
</style>
<div class="ib">
<div class="label">A</div>
<button>
<div>B</div>
</button>
</div>