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

Question

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

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

Answer 1

Нет новой строки , просто div является элементом блока.

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

Answer 2

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

Answer 3

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

Answer 4

Цитирование Мистера Первоначального Человека из здесь :

Вместо этого:

<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>.

Answer 5

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

.div_class {
    clear: left;
}

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

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

Answer 6

div.noWrap {
    display: inline;
    }