mirror of
https://github.com/RGBCube/serenity
synced 2025-05-20 14:35:07 +00:00
b96920a9d6
According to CSS Inline Layout Module Level 3 § 2.2 Step 1. atomic inlines should be layed out in a line box based on their margin box. However, up until this patch we were unconditionally considering only the border box during line box height calculation. This made us essentially drop all vertical margins for atomic inlines.
15 lines
No EOL
300 B
HTML
15 lines
No EOL
300 B
HTML
<style>
|
|
body {
|
|
font-family: 'SerenitySans';
|
|
}
|
|
|
|
#inline-box {
|
|
background-color: red;
|
|
margin-top: 50px;
|
|
margin-bottom: 25px;
|
|
width: 100px;
|
|
height: 100px;
|
|
|
|
display: inline-block;
|
|
}
|
|
</style>Well, <div id="inline-box"></div> friends. |