Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/05/2014, 14:57
Avatar de blancoarnau
blancoarnau
 
Fecha de Ingreso: junio-2013
Mensajes: 119
Antigüedad: 11 años, 5 meses
Puntos: 0
Mal posicionamento en inline-block

Hola todos. Me gustaría saber como posicionar BIEN dos elementos de lado con inline-block. Aquí tengo el CSS:

Código CSS:
Ver original
  1. #cuad1{
  2.   background-color:blue;
  3.   height:50px;
  4.   width:50px;
  5.   display:inline-block;
  6. }
  7. #cuad2{
  8.   background-color:red;
  9.   height:75px;
  10.   width:50px;
  11.   display:inline-block;
  12. }

Y el resultado es este:



Si queréis verlo en el editor: http://jseditor.proyectosbds.com/eyurin/1/edit.

El problema es que el rojo sobresale por arriba y me gustaría que sobresaliese por debajo. ¿Cómo podría arreglar el problema? Y si no, ¿cómo podría alinear los cuadrados de lado y el que sobresale, lo hiciera por debajo?

GRACIAS :D