first-line-line-height-003-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<meta charset="utf-8">

<title>CSS-Pseudo testcase: first-line</title>

<style>

  span { line-height: 0px; color: purple }

  div { line-height: 40px; border: 1px solid black; margin-top: 20px; }

</style>

Test passes if the two blocks look identical.

<div>

  <span>This is a first line.</span><br>

  This is a second line.

</div>

<div>

  <span>This is a first line.</span><br>

  This is a second line.

</div>