src/third_party/WebKit/LayoutTests/fast/regions/counters/extract-numbered-paragraphs-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>CSS Reftest Reference</title>
   5         <link rel="author" title="Mihai Balan" href="mibalan@adobe.com">
   6         <link rel="stylesheet" type="text/css" href="../resources/font-smoothing-disabler.css">
   7         <style>
   8         #region {
   9             counter-reset: para 0;
  10         }
  11         #region p {
  12             counter-increment: para;
  13             margin: 1em 0;
  14         }
  15         #region p::before {
  16             content: "(" counter(para) ") ";
  17             background: darkblue;
  18             color: white;
  19         }
  20         #region {
  21             background-color: lightblue;
  22             border: 1px solid lightblue;
  23         }
  24         </style>
  25     </head>
  26     <body>
  27         <p>Test passes if you see a light blue rectangle below, with five lines of text in it. Each line of text should be black and preceded by the line number between parantheses. The line numbers should be white on a dark blue background.</p>
  28         <div id="region">
  29             <p>This is numbered paragraph no. 1</p>
  30             <p>This is numbered paragraph no. 2</p>
  31             <p>This is numbered paragraph no. 3</p>
  32             <p>This is numbered paragraph no. 4</p>
  33             <p>This is numbered paragraph no. 5</p>
  34         </div>
  35     </body>
  36 </html>