third_party/WebKit/LayoutTests/fast/css/pseudo-element-line-break.html

   1 <html>
   2 <head>
   3 <style type="text/css">
   4 p {
   5   border:medium solid blue;
   6   width: 5em;
   7 }
   8
   9 p.a:before{
  10   content: "AAAAAAAAA";
  11 }
  12
  13 p.ab:before{
  14   content: "AAAA BBBB";
  15 }
  16
  17 p.az:before{
  18   content: "AAAAAAAAA";
  19 }
  20 p.az:after{
  21   content: "ZZZZZZZZZ";
  22 }
  23
  24 p.yz:after{
  25   content: "YYYY ZZZZ";
  26 }
  27
  28 p.z:after{
  29   content: "ZZZZZZZZZ";
  30 }
  31 </style>
  32 </head>
  33
  34 <body>
  35 <!-- line break must not occur at pseudo element (:before, :after) boundaries. -->
  36 <p class="a">AA BB</p>
  37 <p class="a">AAAAA</p>
  38 <p class="ab">BBBBB</p>
  39 <p class="az">AA ZZ</p>
  40 <p class="az">MMMMM</p>
  41 <p class="yz">YYYYY</p>
  42 <p class="z">YY ZZ</p>
  43 <p class="z">ZZZZZ</p>
  44 </html>
  45