对齐内联块元素

Question

See this fiddle: JSfiddle

The last div that is the with id="3" is staying at the bottom.What i want to do is bring the <div id="3"> to the bottom of <div id="2"> , the right of <div id="1">

How can i align that correctly?

Thanks in advance...

Answer 1

Nothing much to be done. Just make your <div id="1"..> to float:left and remove the display attribute.

<div style="float:left;border:1px solid gray;width:48%;word-wrap:break-word;" id="1">

Demo

Suggestion: ID's shouldn't start with a number. Please change your id name's to words.