Нет новой строки после div?

Есть ли способ не иметь новую строку, вставленную перед div без использования float: left для предыдущего элемента?

Может быть, какой-то тэг на div, который просто поместит его вправо?

Ответы

Ответ 1

Нет новой строки, только div является блочным элементом.

Вы можете сделать div inline, добавив display: inline, который может быть тем, что вы хотите.

Ответ 2

Рассматривали ли вы использование span вместо div? Это встроенная версия div.

Ответ 3

<div style="display: inline">Is this what you meant?</div>

Ответ 4

Цитирование Mr Initial Man из здесь:

Вместо этого:
<div id="Top" class="info"></div><a href="#" class="a_info"></a>
Используйте это:
<span id="Top" class="info"></span><a href="#" class="a_info"></a>
Кроме того, вы можете использовать это:
<div id="Top" class="info"><a href="#" class="a_info"></a></div>

И gostbustaz:

Если вы абсурдно должны использовать <div>, вы можете установить
div {
    display: inline;
}
в таблице стилей.

Конечно, это делает <div> a <span>.

Ответ 5

div.noWrap {
    display: inline;
    }

Ответ 6

Это работает как волшебство, используйте его в файле CSS в div, который вы хотите иметь в новой строке:

.div_class {
    clear: left;
}

Или объявите его в html:

<div style="clear: left">
     <!-- Content... -->
</div>