Este es mi código
Código HTML:
<div class="programa4"> <p class="f1"> <a href="c-pg_4x4-2-9.php" target="_top"> <img src="estructura/tour-02.jpg" border="0" align="left" /> </a> <span>Reinos Mágicos Express</span> </p> <div class="informacion"> <div id="enlace">| <a href="c-pg_4x4-2-9.php" target="_top">$1850</a></div>9 Días </div> <span class="incluido2">Incluido</span> Lima, Ruinas de Caral, Fortaleza de Paramonga </div>
Código HTML:
.programa4 { width:251px; float:left; margin:10px 8px 0 0; padding: 0 4px 10px 0; font-size:10px; color: #666666; text-align: justify; } .programa4 p.f1{ margin:0 0 5px 0; font-weight:bold; font-size:12px; font-family:Verdana; color:#4568b7; text-align: left; } Si no tuviera ese margen mi diseño sería aprobado, alguna sugerencia gracias .programa4 span.f2 { font-size:10px; font-family:Verdana; font-weight:bold; color: #FF6600; margin: 0 0 0 70px; padding: 0; } .programa4 a{ font-size:10px; font-weight:bold; margin:5px 0 5px 5px; font-family:Verdana; text-decoration:none; } .programa4 a:link, .programa4 a:visited, .programa4 a:active{ color: #666; } .programa4 a:hover{ color: #FFCC00; } .contenedor-programas{ width:840px; float:left; } .contenedor-fila{ width:835px; float:left; background:url(../estructura/hr-full.gif) bottom no-repeat; margin: 0; padding: 0; } .contenedor-fila-2{ width:830px; float:left; background:url(../estructura/hr-full-2.gif) bottom no-repeat; } .contenedor-fila-1{ width:830px; float:left; background:url(../estructura/hr-full-1.gif) bottom no-repeat; } .incluido { font-family: Verdana; font-size: 12px; font-weight: bold; color: #FF6600; } .incluido2 { font-family: Verdana; font-size: 12px; font-weight: bold; color: #4568b7; } .informacion { width:151px; float:right; margin-bottom: 10px; border-top:#4568b7 solid 1px; padding-top: 3px; }