header{ background-color: #BBBBBB; padding: 20px 0; } .caja{ width: 940px; position: relative; margin: 0 auto; } nav{ position: absolute; top: 140px; right: 0px; } nav li{ display: inline; margin: 0 0 0 15px; } nav a{ text-transform: uppercase; color :black; font-weight: bold; font-size: 22px; text-decoration: none; } .productos{ width: 940px; margin: 0 auto; padding: 50px; } .productos li{ display: inline-block; text-align: center; width: 25%; vertical-align: top ; margin: 0 1.5%; padding: 30px 20px; box-sizing: boder-box; border:2px solid black; border-radius: 20px; } .productos h2{ font-size: 30px; font-weight: bold; } .productos h2{ font-size: 30px; font-weight: bold; } .producto-descrip{ font-size: 18px;

} .producto-precio{ font-size: 20px; font-weight: bold; margin-top: 10px; } nav a:hover{ color: #c78c19; text-decoration:underline; } .productos li:hover{ border-color:#c78c19; } .productos li:active{ border-color: #0869; } .productos li:hover h2{ font-size: 32px; } footer{ text-align: center; background:url(/imagenespro/bg.jpg); padding: 40px; } .copyright{ color: #ffffff; font-size: 13px; margin: 20px; } 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%; border-radius: 10px 10px 10px 10px; }

<label for="correoelectronico">Correo Electronico</label>
<input type="text" id="correoelectronico">

<label for="telefono">telefono</label>
<input type="text" id="telefono">

<input type="submit"  value="Enviar Formulario">

© Copyght Barberia Alura 2022