The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Alignment of images next to each other
Experts,
I`m learning CSS and stuck with image alignment.
Please check the img to first understand the img placement i`m looking for, URL: https://www.dropbox.com/s/2886pjrs44hqcem/img_placement.png?dl=0
Now, Img no.4 doesn’t appear below Img no. 2 and its move towards the right of Img 3.
Img no.1 has {float: left} Added {clear: left} for img no. 4 still it would be on the right on not below.
Please suggest what best can be done.
Jason
Start with this:
http://codepen.io/senff/pen/eZPMgO
Thanks Senff,
I tried setting the height of img 2,3,4 to be same. But height: 100px; or anything doesnt makes any changes.
Please suggest.
Show us what you got.