div inline-block alignment

[Historical Forums User]

Hi
I’m unable to figure out why the first “inner” div is not vertically aligned with all the other “inner” divs.
http://codepen.io/overdrivemachines/pen/gqxaI

[Alen]

You need content.

http://codepen.io/alenabdula/pen/xujsz

[Historical Forums User]

Thank you for your response however, there are 2 issues:
1) In my code I want to know why the “inner” divs do not align
2) In Alen’s code, the alignment is broken if one of the “in” divs contains an image and content/text after it.
3) Using my code can you do the following:
a) The first “inner” div should contain text
b) The second “inner” div should contain an image and text
c) The third “inner” div should be left blank.

[Alen]

http://codepen.io/alenabdula/pen/Dwagd

[sadunaresh]

@Alen

Im curious to know answer to question below

why putting content changes the allignment..?

[sadunaresh]

is this something related to vetical-align?

by specifying vertical align property , alignment is not being decided by content…

[Author]

Posts