Hola a todos, espero se encuentren muy bien, queria comentarles la situación que tengo: Estoy haciendo una página web, donde en la parte del body tengo una sección con dos partes: Información Actualizada y dos imágenes al costado de esta. La sgte imagen muestra lo dicho:
El problema que tengo es el siguiente: Cuando agrego otro párrafo en la parte de Información Actualizada, las dos imágenes que están al costado se bajan un poco. Esto se visualiza en la sgte imagen:
El código es el sgte:
Código HTML:
<div class="container">
<section class="testimonies">
<div class="texto left">
<h5 class="title">INFORMACIÓN ACTUALIZADA</h5>
<p class="information" style=" text-align: justify;">16/08/2014 - Bienvenidos a VISITAHUANCHACO.COM, el portal turístico con la información más completa sobre el balneario más importante en la ciudad de Trujillo...<a href="pescadorhuanchaco" role="button" data-toggle="modal" data-target="#pescadorhuanchaco">Leer más</a>
<br />
16/08/2014 - Si usted desea que su negocio o servicio ingrese a VISITAHUANCHACO.COM no dude en contactarse con nosotros. Nuestro staff de asesores le explicará los planes...<a href="huanchacofest" role="button" data-toggle="modal" data-target="#huanchacofest">Leer más</a>
<br />
16/08/2014 - Si usted desea que su negocio o servicio ingrese a VISITAHUANCHACO.COM no dude en contactarse con nosotros. Nuestro staff de asesores le explicará los planes...<a href="huanchacofest" role="button" data-toggle="modal" data-target="#huanchacofest">Leer más</a>
</p>
</div>
</section>
</div>
<div class="container">
<figure class="imagen right">
<img src="images/servicios-huanchaco.jpg" class="img-responsive" alt="servicios en huanchaco" />
<br />
<a href="contactanos.html" target="_blank"><img src="images/negocios-visitahuanchaco.jpg" class="img-responsive" alt="su negocio en visitahuanchaco.com" /></a>
</figure>
</div>
Código css:
Código:
.testimonies {
overflow: hidden;
background: #fff;
color: #565656;
}
.testimonies .texto {
width: 539px;
}
.testimonies .information {
font: normal 13px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;
margin: 20px 0;
}
.imagen {
display: inline-block;
zoom: 1;
overflow: hidden;
position: relative;
top: -160px;
left: 0px;
width: 350px;
}
¿Qué podría estar ocurriendo? Espero me puedan apoyar. Gracias.