wpt / css / css-text / text-indent / text-indent-length-001.html

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

TestRefTest SourceRef Source

/css/css-text/text-indent/text-indent-length-001.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: text-indent length</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property">
<link rel="match" href="reference/text-indent-length-001-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
article {
  font: 10px/1 Ahem;
  width: 60px;
  margin-left: 20px;
  margin-bottom: 10px;
}
</style>
<article style="text-indent: -20px">XX XXX XX X XXX</article>
<article style="text-indent: -10px">XX XXX XX X XXX</article>
<article style="text-indent: 0px">XX XXX XX X XXX</article>
<article style="text-indent: 10px">XX XXX XX X XXX</article>
<article style="text-indent: 30px">XX XXX XX X XXX</article>
<article style="text-indent: 60px">XX XXX XX X XXX</article>

/css/css-text/text-indent/reference/text-indent-length-001-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test reference</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
pre {
  font: 10px/1 Ahem;
  margin: 0;
}
</style>
<pre>
XX XXX
  XX X
  XXX

 XX XXX
  XX X
  XXX

  XX XXX
  XX X
  XXX

   XX
  XXX XX
  X XXX

     XX
  XXX XX
  X XXX

        XX
  XXX XX
  X XXX
</div>