Div Layout

<!DOCTYPE html>
<html>
<head>
<style>
div.left {
    background:blue;
    height:200px;
    width:100px;
}

div.right{
    background:green;
    height:600px;
    width:300px;
}

.container{
    background:black;
    height:auto;
    width:450px;
}
.container div {
  display: inline-block;
}
</style>
</head>

<body>

<div class="container">
        <div class="left">
            LEFT
        </div>
        <div class="right">
            RIGHT
        </div>
</div>
</body>
</html>

No comments:

Post a Comment