Как сделать DIV в строчку?

Question

[Робот]

В целом понятно что display: inline-block; но вот пример jsfiddle.net/u3bkqku1/1 не могу понять почему не слушается... контейнер что ли перекрывает его?

Answer 1

[romy4]

1. display: inline
2. с нарушением стиль #
3.
убрать

Comments

[romy4]

<br> убрать

[Робот]

romy4: а да br не заметил что-то в куче кода, спасибо, по 2 пункту не очень понял...

[Кирилл Никитин]

Не Робот: пробел между # и именем id не ставятся.

[Робот]

Кирилл Никитин: а понял спасибо, а почему лучше inline? Ведь при display:inline-block элемент ведет себя, как встроенный, но его внутренняя часть форматируется так, как будто это блочный элемент. Это позволяет, например, добавить вертикальные паддинги.

[romy4]

Не Робот: поведение инлайн-элемента меняется. Раньше было float:left; Просто странно, что делая ошибку в # name вы думаете про вертикальные падинги :)

[Робот]

romy4: Ничего странного, а ещё у inline элементов нельзя задавать ширину в отличие от inline-block

Answer 2

[Кирилл Никитин]

У вас там перенос строки br стоит.