Discussion and Coding with Anik - Part 1 - CSS Div Tags with Text
In this video,I explained the CSS Div Tags With Text. Feel free to comment. For more, please subscribe and press the BELL icon. Please visit my CSS Playlist. Please link, subscribe, share and comment. The code is as follows -
HTML File -
<html>
<head> <title> Exercises 6 </title>
<link rel="stylesheet" href="exercises6.css">
</head>
<body>
<div class="div1">
<h1> This is my first div </h1>
</div>
<div class="div2">
<h1> This is my second div </h1>
</div>
<div class="div3">
<h1> This is my third div </h1>
</div>
</body>
</html>
CSS File -
.div1 {
float: left;
background-color: lightpink;
}
.div2 {
float: left;
background-color: lightblue;
}
.div3 {
float: left;
background-color: cyan;
}
div {
padding: 1%;
width: 30%;
border: solid blue;
color: white;
}
body {
background-color: gray;
}
HTML File -
<html>
<head> <title> Exercises 6 </title>
<link rel="stylesheet" href="exercises6.css">
</head>
<body>
<div class="div1">
<h1> This is my first div </h1>
</div>
<div class="div2">
<h1> This is my second div </h1>
</div>
<div class="div3">
<h1> This is my third div </h1>
</div>
</body>
</html>
CSS File -
.div1 {
float: left;
background-color: lightpink;
}
.div2 {
float: left;
background-color: lightblue;
}
.div3 {
float: left;
background-color: cyan;
}
div {
padding: 1%;
width: 30%;
border: solid blue;
color: white;
}
body {
background-color: gray;
}
Comments
Post a Comment