Watch the video and download the html and linked css file below. ⇩
<html>
<head>
<title>(Type a title for your page here)</title>
<META NAME="DESCRIPTION" CONTENT=" ">
<META NAME="KEYWORDS" CONTENT=" ">
<link rel='stylesheet' href='my_style.css' type='text/css'>
</head>
<body >
<div class='my_top'><br>My Top text here<br></div>
<div class='my_body'>
<div class='my_left'>Left part here<br><br></div>
<div class='my_center'>Body center here<br><br></div>
<div class='my_right'>My right side <br><br></div>
</div>
<div class=my_footer>My footer text here </div>
</body>
</html>
.my_top{
width:100%;
font-size:18px;
font-family:Arial;
color: #238cf5;
text-align:center;
display: inline-block;
border : #00cc00 1px dashed;
}
.my_left{
width:9%;
font-size:14px;
font-family:Arial;
color: #238cf5;
text-align:center;
display: inline-block;
border : #cc0000 1px dashed;
}
.my_right{
width:19%;
font-size:14px;
font-family:Arial;
color: #238cf5;
text-align:center;
display: inline-block;
border : #cc00cc 1px dashed;
}
.my_center{
width:69%;
font-size:14px;
font-family:Arial;
color: #238cf5;
text-align:center;
display: inline-block;
border : #00cc00 1px dashed;
}
.my_body{
width:100%;
font-size:14px;
font-family:Arial;
color: #238cf5;
text-align:center;
display: inline-block;
border : #ff00cc 1px dashed;
}
.my_footer{
width:100%;
font-size:14px;
font-family:Arial;
color: #238cf5;
text-align:center;
display: inline-block;
border : #ff00ff 1px dashed;
}