box-properties-1-ref.html (690B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Bug 1055667 - Box properties on ruby boxes</title> 6 </head> 7 <body style="line-height: 5;"> 8 <div> 9 |<span style="background: aqua; padding: 10px; border: 12px solid red; outline: 5px solid yellow; margin: 10px;" 10 ><span>base1</span> 11 <!-- width: 256px = 300px - 2 * (padding: 2px + border: 4px + margin: 16px) --> 12 <span style="background: green; padding: 2px; border: 4px solid blue; outline: 8px solid pink; margin: 16px;"><div style="display: inline-block; text-align: center; width: 256px; line-height: normal;">base2</div></span> 13 <span>base3</span 14 ></span>| 15 </div> 16 </body> 17 </html>