Замена встроенного блока с поплавками

Question

мне удалось добиться эффекта я хочу, но с помощью блока дисплея и встроенного блока индикации и это можно увидеть здесь:

http://jsfiddle.net/vvDJ9/9/

#header h1, #header ul, #header ul li { 
    display: inline-block; 
} 

мне было интересно, если это удалось добиться такого же эффекта без использования встроенных блоков и блоков, а вместо этого просто использовать поплавки.

Возможно ли это?

Answer 1

Уверенный, вы можете получить тот же эффект, используя поплавки.

jsFiddle example

Добавить overflow:auto в #header:

#header { 
    background-color:#1ABC9C; 
    overflow:auto; 
} 

Добавить list-style-type: none; в #header ul:

#header ul { 
    font-size: 0; 
    list-style-type: none; 
} 

Добавить clear:left в #content

#content { 
    background-color:#EEEEEE; 
    padding: 20px; 
    clear:left; 
} 

И заменить display:inline-block с float:left:

#header h1, #header ul, #header ul li { 
    float:left; 
}