Closed Bug 1322034 Opened 9 years ago Closed 9 years ago

Inline block position confused by negative margin on inner element

Categories

(Core :: Layout: Block and Inline, defect)

Product:
Core
Component:
Layout: Block and Inline
Version:
51 Branch
Platform:
x86_64
Windows 10
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED INVALID

People

(Reporter: neil, Unassigned)

Details

Consider the following markup: inline <span style="display: inline-block; width: 1ch;"><span style="margin-left: -1ch">block In Chrome and Edge the rendering is simply "inlineblock". However in Firefox I get the following rendering: block inline Worse, if I wrap the above markup in a <pre> element then I get an extra blank line in between, i.e. block inline (In case you were wondering, the intent was to add "overflow: hidden;" in order to achieve the rendering "inline l".)
This was due to the rest of the page modifying the content in Firefox only. Sorry about that.
Status: UNCONFIRMED → RESOLVED
Closed: 9 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.