third_party/WebKit/LayoutTests/fast/css/first-letter.html

   1 <!DOCTYPE html>
   2 <style>
   3 .before:before { content: 'Carpe '; }
   4 .after:after { content: 'Foo '; }
   5 .target:first-letter { color: green; font-size: 2em; }
   6 span { text-decoration: underline; }
   7 </style>
   8 This tests various first letter combinations. In each case the first letter
   9 should be larger and green.
  10 <div class="target">Lorem</div>
  11 <div class="target"><span>Ipsum</span></div>
  12 <div class="target"><span class="before">Diem</span></div>
  13 <div class="target"><span class="after"></span>bar</div>