third_party/WebKit/LayoutTests/fast/multicol/single-line-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3     .multicol {
   4         background-color: #eee;
   5         width: 600px;
   6     }
   7     p, div {
   8         margin-top: 1em;
   9         margin-bottom: 1em;
  10     }
  11     .large {
  12         font-size: 30px;
  13     }
  14     .secondColumn {
  15         margin-left: 150px;
  16     }
  17 </style>
  18 <p>
  19     This test checks if CSS3 multi-column layout properly works
  20     when the multi-column block contains only one line of text.
  21 </p>
  22 <p>
  23     Test successful if the following text is readable
  24     (i.e. not split into two different columns).
  25 </p>
  26 <p class="multicol">
  27     Short text.
  28 </p>
  29 <p class="multicol">
  30     <span class="large">Bigger text.</span>
  31 </p>
  32 <p class="multicol">
  33     Partially <span class="large">big</span> text.
  34 </p>
  35 <div class="multicol">
  36     <p class="secondColumn">&nbsp;Nested block.</p>
  37 </div>
  38 <div>
  39     <p class="multicol">&nbsp;Nested block #2.</p>
  40 </div>