third_party/WebKit/LayoutTests/fast/writing-mode/block-level-images.html

   1 <!doctype html>
   2 <div style="margin:2px; float:left; height:300px;border:2px solid black;-webkit-writing-mode:vertical-lr">
   3 <div style="width:25px;background-color:green"></div>
   4 <img style="display:block;height:50%; -webkit-border-before:2px solid maroon; -webkit-border-after:2px solid maroon; -webkit-border-start: 1px solid purple; -webkit-border-end:5px dashed grey" src="resources/circle.svg">
   5 <img style="-webkit-margin-start: 40px; display:block;height:50px" src="resources/oval.png">
   6 <div style="width:25px;background-color:green"></div>
   7 </div>
   8
   9 <div style="margin:2px; float:left; height:300px;border:2px solid black;-webkit-writing-mode:vertical-lr; direction:rtl">
  10 <div style="width:25px;background-color:green"></div>
  11 <img style="display:block;height:50%; -webkit-border-before:2px solid maroon; -webkit-border-after:2px solid maroon; -webkit-border-start: 1px solid purple; -webkit-border-end:5px dashed grey" src="resources/circle.svg">
  12 <img style="-webkit-margin-start: 40px; display:block;height:50px" src="resources/oval.png">
  13 <div style="width:25px;background-color:green"></div>
  14 </div>