Padding Margin List

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<style>

    div{
        width: 400px;
        height: 400px;
        border: solid;
    }

    p{
        border: solid 2px yellow;
        margin: 14px ;
    }

    .ulclass{
        list-style-image: url("img/Checkmark.png");
        list-style-position: outside;

        marker-offset: 2cm;
    }

</style>
</head>
<body>

<div>
    <p>
        Computers are used in many fields like banking, medicine, finance and education with increased preference. With the growth of artificial intelligence, computers will soon blur lines between man and machine.
        Under such circumstances, a rudimentary knowledge of computers is essential for everyday work. For those who are not yet familiar with computers, now is the time to gain knowledge about this field. As children will be living with this scenario in future, their employment capability will be tested against computers. To make them future-ready, it is essential to prepare them for this inevitability.
    </p>
</div>



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

<ul style="list-style-type: decimal">
    <li>Sub item1</li>
    <li>Sub item1</li>
    <li>Sub item1</li>
    <li>Sub item1</li>
</ul>


<ul style="list-style-type: disc">
    <li>Sub item1</li>
    <li>Sub item1</li>
    <li>Sub item1</li>
    <li>Sub item1</li>
</ul>

</body>
</html>

Comments

Post a Comment