Cuadros x2

by vidatraslapc

HTML

<div class="app_lista_contenido ma oh">
  <div class="app_lista_item oh rod">
    <img src="http://lorempixel.com/200/200/food" class="app_lista_item_imagen db rod" />
    <div class="app_lista_item_nombre">food</div>
  </div>
  <div class="app_lista_item oh rod">
    <img src="http://lorempixel.com/200/200/food" class="app_lista_item_imagen db rod" />
    <div class="app_lista_item_nombre">food</div>
  </div>
  <div class="app_lista_item oh rod">
    <img src="http://lorempixel.com/200/200/food" class="app_lista_item_imagen db rod" />
    <div class="app_lista_item_nombre">food</div>
  </div>
  <div class="app_lista_item oh rod">
    <img src="http://lorempixel.com/200/200/food" class="app_lista_item_imagen db rod" />
    <div class="app_lista_item_nombre">food</div>
  </div>
  <div class="app_lista_item oh rod">
    <img src="http://lorempixel.com/200/200/food" class="app_lista_item_imagen db rod" />
    <div class="app_lista_item_nombre">food</div>
  </div>
  <div class="app_lista_item oh rod">
    <img src="http://lorempixel.com/200/200/food" class="app_lista_item_imagen db rod" />
    <div class="app_lista_item_nombre">food</div>
  </div>
  <div class="app_lista_item oh rod">
    <img src="http://lorempixel.com/200/200/food" class="app_lista_item_imagen db rod" />
    <div class="app_lista_item_nombre">food</div>
  </div>
  <div class="app_lista_item oh rod">
    <img src="http://lorempixel.com/200/200/food" class="app_lista_item_imagen db rod" />
    <div class="app_lista_item_nombre">food</div>
  </div>
		
</div>

CSS

.app_lista_contenido{
	width:100%;
}
.app_lista_item{
	float:left;
	width:45%; margin:3% 0 0 3%;
}
.app_lista_item_imagen{
	width:100%; height:150px;
}
.app_lista_item_nombre{
	padding:10px 5px 5px 5px; margin-top:-5px; border:1px solid #ccc;
	font-size:13px;
}