Sunday, 15 April 2018

Margin Property in CSS

Irawen April 15, 2018 HTML&CSS 1 comment

In this slide we are see a how to arrange two box in CSS.

Syntax:-
#div1{border:1px solid;
width:400px;
height:70px;
margin-top:100px;
margin-left:100px;
}

Example:-

<!Doctype html>
<html>
<head>
<title>CastorClasses.com</title>
<style type=”text/css>
#div1{border:1px solid;
width:400px;
height:70px;
margin-top:100px;
margin-left:100px;
}
#div{border:1px solid;
width:400px;
height:70px;
margin-bottom:100px;
margin-right:100px;
}
</style>
</head>
<body>
<div id=”div1″>
Hello Friends!!!!
</div>
<div id=”div2″>
Hello Friends!!!!
</div>
</body>
</html>