<body>
<div class="page">
<div class="heading">
<h1>The MAGIC of HTML Began</h1>
</div>
<div class="body">
<h2>Abstract</h2>
<p>This is First Paragraph</p>
<p>This is Second Paragraph</p>
</div>
</div>
</body>
/*Decorate the body*/
body {
background-color:#000000;
font-family: arial, verdana, sans-serif;}
/*The class Selector*/
/*The class selector is used to specify a style for a group of elements. Unlike the id selector, the class selector is most often used on several elements. */
/*Div tag with class iD decoration*/
div.page {
width:650px;
border-style:solid; border-width:1px; border-color:#666666;
}
/*Div tag with Class ID decoration */
div.heading {
background-color:#999999; padding:10px;
}
/*Div tag with Class ID decoration */
div.body {
background-color:#EFEFEF; padding:10px;
}
/*H1 tag decoration*/
h1 {
font-size:22pt;
color:#000066;}
/*H2 tag decoration*/
h2 {
font-size:18pt;
color:#000066;}
/*Paragraph <p> tag decoration*/
p {
font-size:14pt;
color:#000000;}