<head>
    <title>CSS Test: Text Decoration with first-line pseudo element inherited from Parent Block</title>
    <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo">
    <style type="text/css">
    div:first-line{
        font: 24px sans-serif;
        color: gray;
        letter-spacing: 5px;
        line-height: 48px;
    }
    div {
        color:red;
    }
                
     #div1:first-line{
        text-decoration: underline;
    }
    #div2:first-line{
        text-decoration: overline;
    }
    #div3:first-line{
        text-decoration: line-through;
    }

    #div1{
        text-decoration: underline;
    }
    #div2{
        text-decoration: overline;
        }
    #div3{
        text-decoration: line-through;
    }

    p {
        font-weight:bold;
    }
    div p {
        font-weight:bold;
        color:green;
    }
    </style>
</head>
<body>
        <h3>Test case for First-line text-decoration style inherited from Parent Block</h3>
        <p> The First line text and its text-decoration must be of the same color.</p>
                   
        <div id="div1"><p>Underline Underline Underline Underline<br> Underline Underline Underline Underline<br> </p>Underline Underline Underline Underline </div>
        <br>
        <div id="div2"><p>Overline Overline Overline Overline<br> Overline Overline Overline Overline<br></p> Overline Overline Overline Overline </div>
        <br>
        <div id="div3"><p>Line-Through Line-Through Line-Through Line <br> Line-Through Line-Through Line-Through Line-Through<br> </p>Line-Through Line-Through Line-Through Line-Through </div>
        <br>
</body>