Batch fsr060523 practice session 2

Hey my Students please post your notes and doubts regarding css session 2.

html part
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Session1 CSS</title>
    <link rel="stylesheet" type="text/css" href="session1.css">
</head>

<body>
    <!-- <img src="python.png" class="img_style">
    <img src="python.png" class="img_style">
    <img src="python.png" class="img_style">

    <div class="div_style">div1</div>
    <div class="div_style">div1</div> -->
    <!-- <div class="main_img_box">
        <img src="python.png" class="img_style">
        <div class="child_img_box">
            <img src="python.png" class="img_style">
        </div>
    </div> -->

    <div class="main_text_box">
        <img src="python.png">
        <p class="child_text_box">
            Lorem ipsum dolor. My Name is Sayantan Das
        </p>
    </div>

css part
/* .img_style {
    height: 300px;
    width: 300px;
    border: 4px solid red;
    padding: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.div_style {
    border: 4px solid red;
    padding: 30px;
    width: 50%;
    margin: 20px auto;
} */

/* .main_img_box {
    height: 40px;
    width: 50px;
    margin: 100px;
    position: relative;

}

.child_img_box {
    height: 20px;
    width: 30px;
    position: absolute;
    right: -100px;
    bottom: -120px;
} */

.main_text_box {
    position: relative;
}

.child_text_box {
    position: absolute;
    top: 10px;
    left: 20px;
}
1 Like

very nice sayantan. :+1:t2: :blush: