<!-- Cabecera -->
<header>
<img src="Homer.png" width="189" height="57" alt="logo" />
<h1>contactanos-homerisima</h1>
</header>
<!-- Contenido -->
<section>
<figure>
right<img src="pintusimp.png" width="400" height="400" alt="foto" />
</figure>
<center>
<main>
<form>
<label for="nombre-apellido">nombres</label>
<input type="text" id="nombre-apellido">
<label for="edad">edad</label>
<input type="text" id=edad">
<label for="telefono">telefono</label>
<input type="text" id="telefono">
<input type="submit" value="envio">
</form>
</main>
</center>
</section>
<!-- Contenido relacionado-->
<aside>
</aside>
<!-- Pie de pagina -->
<footer>
<a href="http://www.ejemplocodigo.com">www.ejemplocodigo.com</a>
</footer>
codigo css
height:100%;
}
header { display:block; background:#286af0; padding:10px 0px; } section { width: 79%; background: rgba(228, 12, 12, 0.425); float: left; overflow: auto; padding-bottom: 60px; padding-top:30px;
}
aside { background:rgba(128, 128, 128, 0.123) ; float: right; border: 1px solid red; width: 18%; border: 1px solid red; } footer { position: relative; margin-top: -50px; height: 40px; padding:5px 0px; clear: both; background: #f028f0; text-align: center; color: blue; } figure { display: table; margin: 0 auto;
} main { width: 940px; margin: 0 auto; }
form { margin: 40px 0; }
form label { display:block; font-size: 20px; margin: 0 0 10px; }
form input { display: block; margin: 0 0 20px; padding: 10px 25px; width: 50%; }