replaced-elements-width-40-ref.html (956B)
1 <!DOCTYPE html> 2 <html lang="en-US"> 3 <head> 4 <title>CSS Reference: CSS 2.1 replaced element sizing</title> 5 <link rel="author" title="L. David Baron" href="https://dbaron.org/"> 6 <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 --> 7 <style type="text/css"> 8 9 div { width: 200px } 10 11 span { 12 display: inline-block; 13 width: 40px; 14 height: 20px; 15 } 16 17 </style> 18 </head> 19 <body> 20 21 <div> 22 <span style="background: black;"></span>, <!-- height-25-width-50 --> 23 <span style="background: fuchsia;"></span>, <!-- height-25-ratio-2 --> 24 <span style="background: silver;"></span>, <!-- width-50-ratio-2 --> 25 <span style="background: blue; height: 25px"></span>, <!-- height-25-no-ratio --> 26 <span style="background: orange; height: 150px"></span>, <!-- width-50-no-ratio --> 27 <span style="background: gray"></span>, <!-- ratio-2 --> 28 <span style="background: aqua; height: 150px"></span>. <!-- no-ratio --> 29 30 </div> 31 32 </body> 33 </html>