WE PROVIDE ALL

Showing posts with label program in html using div tag. Show all posts
Showing posts with label program in html using div tag. Show all posts

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>