| <!DOCTYPE html> |
| <script src="../../../resources/testharness.js"></script> |
| <script src="../../../resources/testharnessreport.js"></script> |
| <style> |
| #container { |
| outline: blue solid; |
| font-size: 20px; |
| line-height: 1; |
| text-indent: -3ch; |
| width: 5ch; |
| } |
| </style> |
| <p>For the <a href="https://drafts.csswg.org/css-text-3/#text-indent-property">text-indent</a> property, |
| the first line of an anonymous block box is only affected if it is the first child of its parent element.</p> |
| <div id=container> |
| <div></div> |
| 00 00 00 |
| </div> |
| <script> |
| test(() => { |
| let element = document.getElementById('container'); |
| assert_equals(element.offsetHeight, 40); |
| }, "first formatted line of an anonymous block"); |
| </script> |