You can also take out "float: left;" as it is being inherited by its parent.

ralphm
—
2012-09-21T03:29:26Z —
#3

Yes, clear: left is causing the problem, because it means "don't let anything sit to the left of me!" But of course, you do want things to sit to the left of the images ... namely, the previous images.

dresden_phoenix
—
2012-09-21T04:00:27Z —
#4

You can also take out "float: left;" as it is being inherited by its parent.

Just anote that the float property does not cascade That is, floating a parent does not give a child float.

==:)

WorldNews
—
2012-09-21T04:44:06Z —
#5

Hey ThanX.This took care off the problem.

But frankly cannot believe I am still having such problem with certain elements of CSS I mean this clear:left; stuff just makes no intuitive sense to me!

You can also take out "float: left;" as it is being inherited by its parent.

ralphm
—
2012-09-21T05:41:59Z —
#6

WorldNews said:

clear:left; stuff just makes no intuitive sense to me!

Why not? You've seen its exact purpose in practice now. Sometimes you may want to float something but not have anything else sitting to its left. That makes clear: left very handy. It can help keep things just where you want them.

Pamela1991
—
2012-09-21T17:40:05Z —
#7

ralph_m said:

Yes, clear: left is causing the problem, because it means "don't let anything sit to the left of me!" But of course, you do want things to sit to the left of the images ... namely, the previous images.

Thanks for explaining, Ralph. This is why I use to get points deducted in math class sometimes (for not showing my work ). Frankly, I'm still nowhere near well-versed enough in CSS to explain things... as you can see below...

dresden_phoenix said:

Just anote that the float property does not cascade That is, floating a parent does not give a child float.

==:)

Thanks for clearing that up, Ray. When I inspected the element in question, I noticed that "float: left;" was being ignored. I wrongly assumed it had to have been from a parent, but it turns out I was wrong. What was causing that float to be ignored?

PaulOB
—
2012-09-21T19:04:59Z —
#8

Pamela1991 said:

When I inspected the element in question, I noticed that "float: left;" was being ignored. I wrongly assumed it had to have been from a parent, but it turns out I was wrong. What was causing that float to be ignored?

the float:left was crossed out in the inspector because an inline style was providing the float:left and therefore had higher specificity.