wpt / css / CSS2 / text / text-indent-wrap-002.html

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

TestRefTest SourceRef Source

/css/CSS2/text/text-indent-wrap-002.html

<!DOCTYPE html>

<html>
<head>
    <title>CSS Test: text-indent test (multiple-lines and text-align: justify)</title>
    <link rel="author" title="Martin Robinson" href="mrobinson@igalila.com">
    <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property">
    <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop">
    <link ref="help" href="https://drafts.csswg.org/css-text/#text-align-property">
    <link rel="match" href="text-indent-wrap-002-ref.html"/>
    <style type="text/css">
        p {
            text-indent: 100px;
            text-align: justify;
        }
        span { background: yellow }
    </style>
</head>
<body>
<p><span>This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.</span></p>
</body>
</html>

/css/CSS2/text/text-indent-wrap-002-ref.html

<!DOCTYPE html>

<html>
<head>
    <title>CSS Test: text-indent test (multiple-lines and text-align: justify)</title>
    <link rel="author" title="Martin Robinson" href="mrobinson@igalila.com">
    <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property">
    <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop">
    <link ref="help" href="https://drafts.csswg.org/css-text/#text-align-property">
    <style type="text/css">
        p {
            text-align: justify;
        }
        span {
            margin-left: 100px;
            background: yellow;
        }
    </style>
</head>
<body>
<p><span>This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.</span></p>
</body>
</html>