Blitz - WPT: text-align-match-parent-001.html

wpt / css / css-text / text-align / text-align-match-parent-001.html

/css/css-text/text-align/text-align-match-parent-001.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: text-align - match-parent (basic)</title>
<link rel="author" title="Intel" href="http://www.intel.com">
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
<link rel="help" title="7.1. Text Alignment: the 'text-align' property" href="http://www.w3.org/TR/css-text-3/#text-align">
<link rel="match" href="text-align-007-ref.html">
<meta name="assert" content="The 'text-align' property set to 'match-parent' on a block element behaves the same as 'inherit'.">
<style>
  body {
    text-align: end;
  }

  p {
    text-align: left;
  }

  div {
    border: 1px solid blue;
    text-align: match-parent;
  }
</style>
<body>
  <p>Test passes if the words "Filler Text" below are aligned to the right, inside the blue box.</p>
  <div>Filler Text</div>
</body>

/css/css-text/text-align/text-align-007-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test Reference File</title>
<link rel="author" title="Intel" href="http://www.intel.com">
<style>
  div {
    border: 1px solid blue;
    direction: rtl;
  }
</style>
<body>
  <p>Test passes if the words "Filler Text" below are aligned to the right, inside the blue box.</p>
  <div>Filler Text</div>
</body>