third_party/WebKit/LayoutTests/fast/css-generated-content/after-order.html

   1 <p><em>When an :after rule has multiple pieces of content, older versions of Safari display them backwards.</em></p>
   2
   3 <style type="text/css">
   4     div.a {
   5        border: 1px solid black;
   6        padding: 10px;
   7        margin: 10px;
   8     }
   9     div.a:after {
  10         content:
  11             ' This should be before the green box. '
  12             url(resources/greenbox.png)
  13             ' This should be after the green box. '
  14         ;
  15         width: 200px;
  16     }
  17     div.b:after {
  18         display: block;
  19     }
  20     div.c:after {
  21         display: inline-block;
  22     }
  23 </style>
  24
  25 <div class="a">Inline: </div>
  26 <div class="a c">Inline-block: </div>
  27 <div class="a b">Block:</div>