I have an annoying CSS layout problem. I'm trying to float images on a particular page:
img {
float: left;
}
I think make sure my headings don't start indented with:
h3 {
clear: left;
}
It all works fine except for some of the images that have lists (or any block element) floating past them (or not as the case is). The reason for this is actually clear in the CSS spec: block elements don't flow. Line/inline elements do.
This is a real problem for lists however. Is there any way around it in a fairly generic and compatible way?