first-letter-with-preceding-new-line.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-pseudo/first-letter-with-preceding-new-line.html - WPT Dashboard Interop Dashboard

<!doctype html>

<html>

<head>

  <meta charset="utf-8">

  <title>CSS Test: ::first-letter with preceding new line</title>

  <link rel="author" title="Joonghun Park" href="mailto:pjh0718@gmail.com">

  <link rel="match" href="reference/first-letter-with-preceding-new-line-ref.html">

  <link rel="help" href="https://drafts.csswg.org/css-pseudo/#first-letter-pattern">

  <meta name="assert" content="Test checks if preceding new line character is allowed or not">

  <style>

    body { font-size: 30px; }

    #sample {

      margin: 20px;

      white-space: pre;

    #sample::first-line {

      color: red;

    #sample::first-letter {

      color: green;

      border: solid 1px blue;

  </style>

</head>

<body>

  <div id="sample">

  The second line.

  The third line.

  </div>

</body>

</html>