Tema: Cual es la mejor manera de hacer esto?
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 11/05/2015, 06:56
Avatar de fede5426
fede5426
 
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 4 meses
Puntos: 208
Respuesta: Cual es la mejor manera de hacer esto?
Yo lo haría asi:

Código HTML: 
Ver original
  1. <div class="contenedor">
  2.   
  3.    <div class="elemento">
  4.     <img src="http://dummyimage.com/150x200/25a5fa/fff.jpg&text=imagen" />
  5.     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  6.   </div>
  7.   
  8.   <div class="elemento">
  9.     <img src="http://dummyimage.com/150x200/25a5fa/fff.jpg&text=imagen" />
  10.     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  11.   </div>
  12.   
  13.   <div class="elemento">
  14.     <img src="http://dummyimage.com/150x200/25a5fa/fff.jpg&text=imagen" />
  15.     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  16.   </div>
  17.   
  18.   <div class="elemento">
  19.     <img src="http://dummyimage.com/150x200/25a5fa/fff.jpg&text=imagen" />
  20.     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  21.   </div>
  22.   
  23.   <div class="elemento">
  24.     <img src="http://dummyimage.com/150x200/25a5fa/fff.jpg&text=imagen" />
  25.     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  26.   </div>
  27.   
  28.   <div class="elemento">
  29.     <img src="http://dummyimage.com/150x200/25a5fa/fff.jpg&text=imagen" />
  30.     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  31.   </div>
  32.   
  33.   <div class="elemento">
  34.     <img src="http://dummyimage.com/150x200/25a5fa/fff.jpg&text=imagen" />
  35.     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  36.   </div>
  37.   
  38.   <div class="elemento">
  39.     <img src="http://dummyimage.com/150x200/25a5fa/fff.jpg&text=imagen" />
  40.     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  41.   </div>
  42.   
  43. </div> <!-- Fin Contenedor -->

Código CSS: 
Ver original
  1. .contenedor{
  2.   max-width:800px;
  3.   margin:0 auto;
  4.   background:#c2c2c2;
  5.   text-align:center;
  6. }
  7.  
  8. .elemento{
  9.   width:150px;
  10.   margin:1em;
  11.   display:inline-block;
  12.   vertical-align:top;
  13. }

http://codepen.io/anon/pen/ZGQjLd