Está en la página 1de 1

<html>

<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
.div_mestre{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color: white;
}
.div_esquerdo{
position:relative;
float: left;
width: 20%;
height: 100%;
background-color: aquamarine;
}
.div_centro{
position:relative;
float: left;
width: 60%;
height: 100%;
background-color: #F28E00;
}
.div_centro_top{
position: relative;
float: left;
width: 100%;
height: 10%;
background-color: #CC0000;
}
.div_direito{
position:relative;
float: left;
width: 20%;
height: 100%;
background-color: deepskyblue;
}
</style>
</head>
<body>
<div class="div_mestre">
<div class="div_esquerdo"></div>
<div class="div_centro">
<div class="div_centro_top">
<h1>Criando DIV</h1>
</div>
</div>
<!--div class="div_direito"></div-->
</div>
</body>
</html>

También podría gustarte