third_party/WebKit/LayoutTests/fast/multicol/vertical-lr/rules-with-border-before-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3     .test {
   4         width: 100px;
   5         height: 100px;
   6     }
   7
   8     .left { border-left: 50px solid blue; }
   9     .right { border-right: 50px solid blue; }
  10
  11     .test div {
  12         width: 100px;
  13         height: 50px;
  14         background-color: orange;
  15         position: relative;
  16         top: 25px;
  17     }
  18 </style>
  19 <p>There should be a 50px blue border to the left of an orange rectangle:</p>
  20 <div class="test left"><div></div></div>
  21 <p>There should be a 50px blue border to the right of an orange rectangle:</p>
  22 <div class="test right"><div></div></div>