OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <style> | 3 <style> |
4 .math { | 4 .math { |
5 display: -webkit-inline-flex; | 5 display: inline-flex; |
6 } | 6 } |
7 .math > * { | 7 .math > * { |
8 padding-bottom: 0.35em; | 8 padding-bottom: 0.35em; |
9 } | 9 } |
10 .mfrac { | 10 .mfrac { |
11 display: -webkit-inline-flex; | 11 display: inline-flex; |
12 -webkit-flex-direction: column; | 12 flex-direction: column; |
13 } | 13 } |
14 .mfrac > :first-child { | 14 .mfrac > :first-child { |
15 -webkit-margin-after: 0.2em; | 15 -webkit-margin-after: 0.2em; |
16 } | 16 } |
17 .mfrac > :last-child { | 17 .mfrac > :last-child { |
18 -webkit-margin-before: 0.2em; | 18 -webkit-margin-before: 0.2em; |
19 } | 19 } |
20 .x { | 20 .x { |
21 line-height: 9px; | 21 line-height: 9px; |
22 } | 22 } |
(...skipping 15 matching lines...) Expand all Loading... |
38 <div class=mfrac> | 38 <div class=mfrac> |
39 <div class=mfrac> | 39 <div class=mfrac> |
40 <div class=x>x</div> | 40 <div class=x>x</div> |
41 <div class=y>y</div> | 41 <div class=y>y</div> |
42 </div> | 42 </div> |
43 <div class=x>z</div> | 43 <div class=x>z</div> |
44 </div> | 44 </div> |
45 </div> | 45 </div> |
46 </div> | 46 </div> |
47 </html> | 47 </html> |
OLD | NEW |