wpt / css / css-text / text-fit / grow-per-line.html

Status: FAIL | Duration: 8ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-text/text-fit/grow-per-line.html

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-text-5/#text-fit-property">
<link rel="match" href="grow-per-line-ref.html">
<meta name="flags" content="ahem">
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
.target {
  text-fit: grow per-line;
  width: 120px;
  border: 2px solid blue;
  margin-bottom: 10px;
  font: 20px/normal Ahem;
}

.target:first-line {
  color: lime;
}
</style>
<body>

<div class="target">ABCD EFGHIJ</div>
</body>

/css/css-text/text-fit/grow-per-line-ref.html

<!DOCTYPE html>
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
.target {
  width: 120px;
  border: 2px solid blue;
  margin-bottom: 10px;
  font: 20px/normal Ahem;
}

.target:first-line {
  color: lime;
}
</style>
<body>

<div class="target"><span style="font-size:30px">ABCD </span>EFGHIJ</div>
</body>