CSS alignment Margin / Padding text Property tutorial in hindi - urdu - tut

This is tut no 21 of this series.

In This video we will see:

In this instructional exercise, you will realize, How to utilize marging and cushioning and its distinction and furthermore learn CSS text property in CSS in Hindi and Urdu.

You likewise learn. Instructions to add tone, letter dividing, word dispersing, text-indent, text-adjust, text-beautification, text-change, text-shadow property in CSS in this instructional exercise. This CSS instructional exercise made by vubystaff. On the off chance that you like this CSS instructional exercise, buy in to me and go ahead and ask and remark underneath this video.

Source Code:-

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Alignment</title>
</head>

.education{
    border: 5px solid yellowgreen;
    margin: 15px 5px;
    padding: 15px 5px;
    background-color: rgb(243, 239, 208);
}

.container{
    width: 40%;
    /* width: 700px; */

border: 5px solid gray;
    margin: 50px auto;
}
#school{
    /* float: left; */
    float: right;
    width: 45%;
    text-align: justify;
}
#college{
    float: left;
    width: 45%;

text-align: right;
}

#uni{
    float: left;
    width: 90%;
    text-align: center;
   
}

</style>
<body>

<div class="container">
    <div id="school" class="education">
        <h2>school</h2>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eligendi minima fuga ipsum magnam. Fuga rem a possimus numquam modi ab dolore et id ad? Porro temporibus unde officia repudiandae ut distinctio in ipsa dolore dicta?</p>
    </div>

<div id="college" class="education">
        <h2>college</h2>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eligendi minima fuga ipsum magnam. Fuga rem a possimus numquam modi ab dolore et id ad? Porro temporibus unde officia repudiandae ut distinctio in ipsa dolore dicta?</p>
    </div>

<div id="uni" class="education">
        <h2>uni</h2>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing eldistinctio in ipsa dolore dicta?</p>
    </div>
</div>

</body>
</html>

About Admin MC3

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

CSS alignment Margin / Padding text Property tutorial in hindi - urdu - tut - 21

This is tut no 21 of this series.

About Admin MC3

Related Post