<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Display: Apply white-space property of display:contents element to inline children</title>
<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-contents">
<link rel="match" href="display-contents-text-inherit-ref.html">
<p>The words "Two" and "lines" should not be on the same line.</p>
<div id="div" style="background-color:red">
  <span style="display:contents;white-space:pre-line">Two
    lines
  </span>
</div>
<script>
  document.body.offsetTop;
  div.style.backgroundColor = "transparent";
</script>