Gunnar Bittersmann: FLOAT vs. DISPLAY:INLINE

Beitrag lesen

@@LaktoseKerl:

nuqneH

worin liegt eigentlich genau der Unterschied zwischen einem FLOAT und einem DISPLAY:INLINE Element?
Beide "zwingen" nachfolgende Elementen doch dazu, in der selben Zeile zu bleiben!

Was verstehst du unter Zeile?

<ul>  
  <li>foo</li>  
  <li>bar</li>  
  <li>Lorem ipsum dolor sit amet.</li>  
</ul>

inline:

│foo bar Lorem ipsum│  
│dolor sit amet.    │

float: left

│foo bar Lorem ipsum│  
│        dolor sit  │  
│        amet.      │

Und vielleicht interessiert dich auch inline-block.

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)