[SOLUCIONADO] Error con inline-block

[omarinfinito]

Hola amigos de FDW, es que tengo el siguiente problema:
Si ambos divs con inline-block(display) tienen la misma cantidad de texto se mantienen a la misma altura,
En cambio si un div tiene 3 lineas, y el otro 1, el segundo queda un poco mas abajo, espero y me explicara bien, aca el codigo:

Código CSS:

div {
display:inline-block;
}
 

Código HTML:

<div style="background:blue;">div1<br>div2</div><div style="background:orange;">div2</div>
 

Este es un codigo de ejemplo, pero con la misma funcion.

[pzin]

¿Y dónde necesitas que se alineen? ¿Al medio? ¿Arriba?

Puedes usar vertical-align que tiene varios valores posibles.

[omarinfinito]

Con el vertical align en top me funciono, como puedes ver soy novato en esto del CSS

[pzin]

Pues debería.

http://jsfiddle.net/AsA9R