Как мне оформить div, чтобы он работал с текстом?

Question

Я хочу сделать небольшой div с текстовой высотой, работающий с текстом. Мой код выглядит так:

blah blah blah <div style="display:block; float: left; width: 100px">[IN A DIV]</div> blah

должно выглядеть так:

blah blah blah [IN A DIV] blah blah

но это всегда выглядит так:

blah blah blah 
[IN A DIV]
blah blah

Answer 1

Почему вы хотите <div>? <div> является элементом уровня блока и не предназначен для того, что вы хотите.

Попробуйте <span>, так как это то, что должно использоваться для встроенных вещей и будет более семантически точным.

Обязательное чтение: Блочные и встроенные элементы .

Answer 2

Используйте display:inline вместо display:block или еще лучше, но используйте SPAN вместо DIV

Answer 3

Это потому, что <div> является элементом уровня блока. Блок всегда будет нарушать поток объектов вокруг него. Вы либо хотите установить <div> на display: inline;, либо использовать <span>. Пролеты встроены по умолчанию.

Answer 4

Изменить display:block на display:inline

Answer 5

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

Answer 6

дисплей: встроенный; и избавиться от поплавка.