| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <!DOCTYPE html> | 
|  | 2 <title>CSS Writing Modes Test: outline layout and non-replaced inline and vertic
    al-rl writing-mode</title> | 
|  | 3 <link rel="match" href="reference/outline-inline-vrl-006.html" /> | 
|  | 4 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com" /> | 
|  | 5 <link rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" hre
    f="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" /> | 
|  | 6 <link rel="help" title="18.4 Dynamic outlines: the 'outline' property" href="htt
    p://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" /> | 
|  | 7 <meta content="ahem" name="flags" /> | 
|  | 8 <style> | 
|  | 9 div { | 
|  | 10   color:transparent; | 
|  | 11   font:50px/1 Ahem; | 
|  | 12   width:2em; | 
|  | 13   height:5em; | 
|  | 14 } | 
|  | 15 .vrl { | 
|  | 16   writing-mode:vertical-rl; | 
|  | 17 } | 
|  | 18 .outline { | 
|  | 19   color:orange; | 
|  | 20   outline:blue solid 2px; | 
|  | 21 } | 
|  | 22 </style> | 
|  | 23 <p>Test passes if inside of blue rectangles are orange. | 
|  | 24 <div class="vrl">1234<span class="outline">5 6</span>7890</div> | 
| OLD | NEW | 
|---|