third_party/WebKit/LayoutTests/imported/csswg-test/css-pseudo-4/first-letter-001.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4         <meta charset="utf-8">
   5         <title>CSS Test: ::first-letter formatting</title>
   6         <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net">
   7         <link rel="match" href="first-letter-001-ref.html">
   8         <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling">
   9         <meta name="flags" content="">
  10         <meta name="assert" content="Test checks that a floated ::first-letter follows the usual formating rules for floats.">
  11         <style>
  12         div {
  13                 font-size: 50px;
  14                 position: absolute;
  15                 left: 30px;
  16                 top: 50px;
  17                 background: red;
  18         }
  19         span {
  20                 background : white;
  21         }
  22         div::first-letter {
  23                 color: green;
  24                 background: green;
  25                 float: left;
  26         }
  27         </style>
  28 </head>
  29 <body>
  30         <p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
  31         <div>a<span>&nbsp;</span></div>
  32 </body>
  33 </html>