Unterschied. display: inline; & float; left;

[Utz]

Hallo,

Gemeinsam ist, dass beides im wesentlichen nur bei Block-Elementen sinnvoll ist.

mit display:inline; legst Du fest, dass ein Element ein Inline-Element wird, das nicht innerhalb einer Block-"Box" dargestellt wird (also nicht die üblichen Zeilenumbrüche davor und danach).

mit float:left; legst Du fest, dass das Block-Element weiterhin als Block-"Box" dargestellt wird, aber vom folgenden Text umflossen wird.

NB: Prinzipiell kannst Du float:left auch auf Inline-Elemente anwenden, wenn Du sie vorher per display:block; zu virtuellen Block-Elementen umgewandelt hast.

Grüße,
Utz