third_party/WebKit/LayoutTests/fast/multicol/column-count-with-rules-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3     .columns {
   4         width: 340px;
   5         height: 100px;
   6         padding: 20px;
   7         border: 10px solid maroon;
   8         margin-bottom: 1em;
   9         line-height: 20px;
  10     }
  11     .column {
  12         width: 100px;
  13     }
  14     .left > div {
  15         float: left;
  16     }
  17     .right > div {
  18         float: right;
  19     }
  20     .rule {
  21         height: 100px;
  22         width: 2px;
  23         background-color: black;
  24         margin: 0 9px;
  25     }
  26 </style>
  27 <div class="columns left">
  28     <div class="column">
  29         Column text.<br>
  30         Column text.<br>
  31         Column text.<br>
  32         Column text.<br>
  33         Column text.<br>
  34     </div>
  35     <div class="rule"></div>
  36     <div class="column">
  37         Column text.<br>
  38         Column text.<br>
  39         Column text.<br>
  40         Column text.<br>
  41         Column text.<br>
  42     </div>
  43     <div class="rule"></div>
  44     <div class="column">
  45         Column text.<br>
  46         Column text.<br>
  47     </div>
  48 </div>
  49
  50 <div class="columns right" style="direction:rtl;">
  51     <div class="column">
  52         Column text.<br>
  53         Column text.<br>
  54         Column text.<br>
  55         Column text.<br>
  56         Column text.<br>
  57     </div>
  58     <div class="rule"></div>
  59     <div class="column">
  60         Column text.<br>
  61         Column text.<br>
  62         Column text.<br>
  63         Column text.<br>
  64         Column text.<br>
  65     </div>
  66     <div class="rule"></div>
  67     <div class="column">
  68         Column text.<br>
  69         Column text.<br>
  70     </div>
  71 </div>