wayfarer wayfarer - 1 year ago 117
CSS Question

Span in upper div interferes with span lower div

I have a form with a set of divs that act as rows in a table.
Each row div has a set subordinate divs





A span in the Top div interferes with a span in the Bottom div.

==> the span in the Top div causes the span in the bottom div
to be displaced to the right. When I turn off "float:left" for the Top div span, the problem goes away.

Image below shows the HTML, related CSS and results.

Snapshots of HTML, CSS, and Results

Answer Source

You should add a clear:left on your ListRowBottomDiv class like this:

.ListRowBottomDiv {
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download