grow-per-line-all-line-height.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-text/text-fit/grow-per-line-all-line-height.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<link rel="help" href="https://drafts.csswg.org/css-text-4/#text-fit-property">

<link rel="match" href="grow-per-line-all-line-height-ref.html">

<meta name="flags" content="ahem">

<link rel="stylesheet" href="/fonts/ahem.css">

<style>

.target {

  text-fit: grow per-line-all;

  white-space: pre;

  width: 100px;

  font: 10px/normal Ahem;

</style>

<body>

<div class="target" style="width:102px">AB<span style="border:1px solid lime">CD</span>E</div>

<!-- The border checks the line-heght of the last line. -->

<div class="target" style="border:1px solid green">AB

CDEFG</div>

<!-- Fixed line-height -->

<div class="target" style="line-height:20px;">AB

CDEFG</div>

</body>