An Example Program usingDiv tag in Html
HTML
<!DOCTYPE html>
<html>
<head>
<title> </title>
</head>
<body>
<div style="background-color:yellow;width:1000px;height:1000px;dispay:block;clear:both;margin: 0 auto;">
<div style="height:200px; border:2px solid green;">
<div style="height:100px;width:300px;border:2px solid blue;margin:10px 10px 10px 10px; float:left; ">
</div>
<div style="height:100px;width:300px;border:2px solid blue;margin:10px 10px 10px 10px; float:left; ">
</div>
<div style="height:100px;width:300px;border:2px solid blue;margin:10px 10px 10px 10px;float:left;">
</div>
</div>
<div style="width:998px; border:1px solid black;" >
<div style="height:790px;width:200px; border:2px solid black;float:left;">
</div>
<div style="width:163px;height:263px;float:left;border:1px solid green; ">
</div>
<div style="width:155px;height:263px;float:left;border:1px solid green; ">
</div>
<div style="width:155px;height:263px;float:left;border:1px solid green; ">
</div>
<div style="width:155px;height:263px;float:left;border:1px solid green; ">
</div>
<div style="width:155px;height:263px;float:left;border:1px solid green; ">
</div>
<div style="width:163px;height:260px;float:left;border:1px solid green; ">
</div>
<div style="width:155px;height:260px;float:left;border:1px solid green; ">
</div>
<div style="width:155px;height:260px;float:left;border:1px solid green; ">
</div>
<div style="width:155px;height:260px;float:left;border:1px solid green; ">
</div>
<div style="width:155px;height:260px;float:left;border:1px solid green; ">
</div>
<div style="width:163px;height:260px;float:left;border:1px solid green; ">
</div>
<div style="width:155px;height:260px;float:left;border:1px solid green; ">
</div>
<div style="width:155px;height:260px;float:left;border:1px solid green; ">
</div>
<div style="width:155px;height:260px;float:left;border:1px solid green; ">
</div>
<div style="width:155px;height:260px;float:left;border:1px solid green; ">
</div>
</div>
</div>
</div>
0 comments:
Post a Comment