<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Bug 1055667 - Box properties on ruby boxes</title> </head> <body style="line-height: 5;"> <div> |<span style="background: aqua; padding: 10px; border: 12px solid red; outline: 5px solid yellow; margin: 10px;" ><span>base1</span> <!-- width: 256px = 300px - 2 * (padding: 2px + border: 4px + margin: 16px) --> <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> <span>base3</span ></span>| </div> </body> </html>