Как сделать так, чтобы DIV без содержимого имел ширину?

Я пытаюсь добавить ширину к DIV, но, похоже, столкнулся с проблемой, потому что у меня нет содержимого. Вот CSS и HTML, которые у меня есть, но они не работают:

CSS

body{
margin:0 auto;
width:1000px
}
ul{
width:800px;
}
ul li{
clear:both;
}
.test1{
width:200px;
float:left;
}

HTML

<body>
  <div id="test">
    <ul>
      <li>
        <div class="test1">width1</div>
        <div class="test1">width2</div>
        <div class="test1">width3</div>
      </li>
      <li>
        <div class="test1"></div>
        <div class="test1">width2</div>
        <div class="test1">width3</div>
      </li>
      <li>
        <div class="test1"></div>
        <div class="test1">width2</div>
        <div class="test1">width3</div>
      </li>
    </ul>
 </div>

98
задан mskfisher 4 June 2012 в 15:09
поделиться