CODEWITHSUNDEEP
htmlalignmentcss
harikrishnan.n0077
harikrishnan.n0077

Reputation: 2087

Align the inline-block elements

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...

Upvotes: 0

Views: 61

Answers (1)

Shiridish
Shiridish

Reputation: 4962

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.

Upvotes: 1

Related Questions