KrishnaKumarGupta: how to creat templet in html

<!DOCTYPE html>
<html>
<head>
<title>Krishna</title>
<style>
.wrap
    {
        width:800px;
        height:700px;
        border:1px solid #000;
        background-color:#FF0;
        margin: 0 auto;
        text-align:center;
        }
.header
    {
        height:170px;
        border-bottom:1px solid #000;
        padding:o;

        }

.left-side-bar
    {
        height:400px;
        width:200px;
        border-right:1px solid #000;
        float:left


        }
.mid
    {
        width:400px;
        height:400px;
        border-right:1px solid #000;
        float:left;

        }
    }
.right-side-bar
    {

        height:400px;
        width:200px;
        border-left:1px solid #000;
        float:left;
        margin-top:400px;

        }
.footer
    {
        height:100px;
        width:800px;
        border-top:1px solid #000;
        float:left;
        padding-top:15px;


    }

</style>
</head>

<body>
<div class="wrap">
<div class="header"><h1> A Simple Wrap Layout:</h1>
</div>
<div class="left-side-bar">
</div>
<div class="mid">
</div>
<div class="right-side-bar">
</div>
<div class="footer">krishna.gupta@99designer.org
</div>
</div>
</body>
</html>

KrishnaKumarGupta

Sunday, 20 December 2015

how to creat templet in html

No comments:

Post a Comment