margin

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .parent{
            border: solid 2px red;

        }
        .child{
            height: 300px;
            border: solid 2px blue;
            width: 300px;

        }

        .list{
            list-style: url("Done_20px.png");
        }
    </style>
</head>
<body>
<div class="child">
    The margin property defines the space around an HTML element. It is possible to
    use negative values to overlap content.
    The values of the margin property are not inherited by the child elements.
    Remember that the adjacent vertical margins (top and bottom margins) will
    collapse into each other so that the distance between the blocks is not the sum
    of the margins, but only the greater of the two margins or the same size as one
    margin if both are equal.
</div>

<input id="name" placeholder="Pease Enter Name">
<input type="button" value="Submit" onclick="Hello();">
<script src="test.js"></script>

<ul class="list">
    <li>item1</li>
    <li>item1</li>
    <li>item1</li>
    <li>item1</li>
</ul>

<ol>
    <li>item1</li>
    <li>item1</li>
    <li>item1</li>
    <li>item1</li>
</ol>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog