CSS: Div будет следующей строкой

Question

У меня есть этот HTML на моей странице

  <div id='masterDIV'>
    <div id='divItemNumber'>23</div>
   <div id='divDesc'>This is my desc content</div>
  </div>

и мой стиль

.divItemNumber
 {
 width:25px;
 margin-left:0px;
  margin-bottom:5px;
 }
.divDesc
{
 width:255px;
 float:right;
 padding-left:1px;
 padding-right:1px;
 margin-left:0px;
 margin-bottom:5px;
 margin-top:0px;
 vertical-align:top;
}

Но второй div идет как следующая строка. Я хочу, чтобы это отображалось сразу после первого div (divITemNumber)

Эта проблема возникает только в IE 6.0. В Firefox ее корректное отображение

Может ли кто-нибудь мне помочь?

Answer 1

Одна проблема в том, что ваш CSS-селектор неверен.

Вы должны использовать

#divDesc

вместо

.divDesc

чтобы выбрать div с идентификатором divDesc

Чтение

Селекторы идентификатора

Answer 2

Добавьте это к своим CSS-классам div:

display: inline;

Answer 3

Я бы предложил изменить ваш CSS так, чтобы первый div был float: left, а второй нормальный.

Кроме того, замена первого элемента div с элемента типа блока на элемент встроенного типа (display: inline) должна решить проблему.