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;
}


