<div display:inline> und margin geht nicht -- alternativen ?

[Alex]

Hallo zusammen,

gibt es eine Alternative zu

<div style='display:inline; margin-top:12px;'>### inhalt</div>

?

div setzt ja stdmäßig absätze. Mit display:inline kann man das verhindern, aber wenn dem so ist, funktioniert margin nicht mehr.

====

habs hinbekommen:

<div style='margin:-12px 0 -12px 0;'>### inhalt</div>

lG,
Alex.

[Der Martin]

Hallo,

<div style='display:inline; margin-top:12px;'>### inhalt</div>

was genau möchtest du damit erreichen?

div setzt ja stdmäßig absätze.

Wie bitte? Nein, ein div ist ein Blockelement und erzeugt so einen eigenen Block, wenn man dieses Verhalten nicht mit CSS überschreibt. Mit Absätzen hat das aber nichts zu tun.

Mit display:inline kann man das verhindern, aber wenn dem so ist, funktioniert margin nicht mehr.

Works as designed. Für inline-Elemente darf margin-top und margin-bottom keine Wirkung haben.

habs hinbekommen:
<div style='margin:-12px 0 -12px 0;'>### inhalt</div>

Soso. Damit erreichst du, dass das div-Element oben und unten seine angrenzenden Nachbarelemente um 12px überlappt. Ist es wirklich das, was du wolltest? Oder wolltest du einfach nur margins und paddings auf 0 setzen?

So long,
 Martin