| 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 |