layout/reftests/writing-mode/1193519-sideways-lr-1-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta charset=utf-8>
   5 <style>
   6 div { padding: 5px; display: inline-block; }
   7 span { display: block; width: 2em; }
   8 span:nth-child(1) { background: red;    height: 1em; }
   9 span:nth-child(2) { background: orange; height: 1.1em; }
  10 span:nth-child(3) { background: yellow; height: 1.3em; }
  11 span:nth-child(4) { background: green;  height: 1.5em; }
  12 span:nth-child(5) { background: blue;   height: 1.7em; }
  13 span:nth-child(6) { background: indigo; height: 1.9em; }
  14 span:nth-child(7) { background: violet; height: 2em; }
  15 </style>
  16 </head>
  17
  18 <body>
  19
  20 <p>All four columns should look the same:
  21 <div><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
  22 <div><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
  23 <div><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
  24 <div><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>