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

Question

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

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

Answer 1

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

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

Answer 2

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

Answer 3

div.noWrap { 
    display: inline; 
    } 

Answer 4

Цитируя Г-н Initial Человек из here:

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

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

Если вы absoultely должны использовать <div>, вы можете установить

div { 
    display: inline; 
} 

в таблице стилей.

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

Answer 5

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

Answer 6

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

.div_class { 
    clear: left; 
} 

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

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