mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-10-20 23:19:44 +00:00
1e0013a3bc
Some checks are pending
CI / macOS, arm64, Sanitizer, Clang (push) Waiting to run
CI / Linux, x86_64, Fuzzers, Clang (push) Waiting to run
CI / Linux, x86_64, Sanitizer, GNU (push) Waiting to run
CI / Linux, x86_64, Sanitizer, Clang (push) Waiting to run
Package the js repl as a binary artifact / Linux, arm64 (push) Waiting to run
Package the js repl as a binary artifact / macOS, arm64 (push) Waiting to run
Package the js repl as a binary artifact / Linux, x86_64 (push) Waiting to run
Run test262 and test-wasm / run_and_update_results (push) Waiting to run
Lint Code / lint (push) Waiting to run
Label PRs with merge conflicts / auto-labeler (push) Waiting to run
Push notes / build (push) Waiting to run
For `vertical-align: middle` and `vertical-align: text-bottom`, we used just the content height of the inline box to determine its alignment position. This caused incorrect positioning when padding is applied. This fixes the button alignment on our GitHub page. Fixes #290.
26 lines
455 B
HTML
26 lines
455 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
.a {
|
|
float: left;
|
|
}
|
|
.b {
|
|
border: 1px solid blue;
|
|
height: 30px;
|
|
width: 30px;
|
|
}
|
|
.ib {
|
|
display: inline-block;
|
|
padding: 10px;
|
|
}
|
|
.c {
|
|
border: 1px solid red;
|
|
vertical-align: middle;
|
|
}
|
|
.d {
|
|
border: 1px solid purple;
|
|
vertical-align: text-bottom;
|
|
}
|
|
</style>
|
|
<div class="a"><div class="b">B</div></div>
|
|
<div class="a"><span class="ib c">C</span></div>
|
|
<div class="a"><span class="ib d">D</span></div>
|