calc-rounding-003.html (729B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1893127"> 4 <link rel="help" href="https://drafts.csswg.org/css-values/#funcdef-calc"> 5 <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> 6 <link rel="author" href="https://mozilla.org" title="Mozilla"> 7 <link rel="match" href="calc-rounding-003-ref.html"> 8 <style> 9 .outer { 10 width: 100px; 11 border: 1px solid; 12 } 13 .inner { 14 height: 40px; 15 vertical-align: top; 16 display: inline-block; 17 --margin: 4.009px; 18 width: calc(50% - 2 * var(--margin)); 19 margin-inline: var(--margin); 20 } 21 </style> 22 <div class="outer" 23 ><div class="inner"></div 24 ><div class="inner"></div 25 ></div>