div+css 横排自动换列显示

<style type="text/css"> 
 
    .mycode ul{ width:980px;}  
    .mycode li{ width:320px; float:left; display:block;}  
</style> 
<div class="mycode"> 
    <ul> 
        <li>1博客小子333333333333333</li> 
        <li>2博客小子33333</li> 
        <li>3博客小子3333</li> 
        <li>4博客小子</li> 
        <li>5博客小子</li> 
        <li>6博客小子</li> 
        <li>7博客小子</li> 
        <li>8博客小子</li> 
        <li>9博客小子33333333333</li> 
        <li>10博客小子</li> 
        <li>11博客小子33333333</li> 
        <li>12博客小子</li>
        <li>13博客小子</li> 
        <li>14博客小子</li> 
        <li>15博客小子33333333333333</li> 
        <li>16博客小子333333333</li> 
        <li>17博客小子</li> 
        <li>18博客小子3333333333</li>
        <li>19博客小子</li> 
        <li>20博客小子</li> 
        <li>21博客小子</li>
        <li>22博客小子</li> 
        <li>23博客小子</li> 
        <li>24博客小子</li> 
        <li>25博客小子</li> 
        <li>26博客小子</li> 
        <li>27博客小子</li>
    </ul> 
</div>