top | Loop and Break

The top CSS property specifies part of the position of positioned elements. It has no effect on non-positioned elements.

<!DOCTYPE html>
<html>
    <head>
        <style>
            .foo {
                position: absolute;
                left: 15%;
                top: 30%;
                bottom: 30%;
                width: 70%;
                height: 40%;
                text-align: left;
                border: 3px rgb(0, 0, 0) solid;
            }
        </style>
    </head>
    <body>
        <p class="foo">
            The quick brown red fox jumps over the lazy dog 
            The quick brown red fox jumps over the lazy dog
        </p>
    </body>
</html>

Categories