3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
8 <title>Reference: Synthesized flex container baseline.
</title>
9 <link rel=
"author" title=
"Mats Palmgren" href=
"https://bugzilla.mozilla.org/show_bug.cgi?id=1313811">
10 <style type=
"text/css">
12 color:black
; background-color:white
; font:16px/1 monospace
; padding:0; margin:0;
15 display: inline-block
;
22 border-width: 3px 1px 5px 1px;
23 padding: 7px 10px 3px 8px;
24 margin: 5px 3px 2px 1px;
30 <pre>Inline-level context:
</pre>
31 Flexbox:
<div class=
"ib"></div>
32 Block:
<div class=
"ig"></div>
34 <pre>Grid-level context:
</pre>
35 <div style=
"display:inline-grid; grid-auto-flow:column; align-items:baseline; justify-items:start">
36 Flexbox:
<div class=
"ib"></div>
37 Block:
<div class=
"ig"></div>
40 <pre>Flexbox-level context:
</pre>
41 <div style=
"display:inline-flex; align-items:baseline; justify-items:start">
42 Flexbox:
<div class=
"ib" style=
"margin-bottom:0"></div>
43 Block:
<div class=
"ig"></div>