Inline elements with margins don't wrap properly around floats

RESOLVED INVALID

Status

()

Firefox
General
RESOLVED INVALID
10 years ago
9 years ago

People

(Reporter: Dennis Nezic, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

(URL)

Attachments

(1 attachment)

(Reporter)

Description

10 years ago
User-Agent:       Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9) Gecko/2008071412 (Gentoo) Firefox/3.0
Build Identifier: Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9) Gecko/2008071412 (Gentoo) Firefox/3.0

By elements with margins, I mean such things as Blockquotes and Lists, each of which have a left margin. If these elements were inline and made to wrap around a floating block, the margins would get ignored -- effectively, they would render no differently than any other plain text -- the margins (and bullets, in the case of Lists) would get overlapped by the floating block.

Reproducible: Always

Comment 1

9 years ago
Created attachment 372278 [details]
reporter's testcase

Thanks for reporting, however, this is no bug.

Any element is rendered behind a floated element. Only the contents of such elements are pushed to the visible area by the float.

In the case of lists, you can use list-style-position: inside;

To get some space between the float and the visible text, simply add some margin around the float elements.

Updated

9 years ago
Status: UNCONFIRMED → RESOLVED
Last Resolved: 9 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.