элементов на нескольких строках в списке HTML

Question

У меня есть этот неупорядоченный список

<ul class="list"> 
    <li>something</li> 
    <li>something2</li> 
    .... 
</ul> 

.list { 
    list-style: none; 
    display: inline; 
} 

До сих пор это хорошо, но я создаю галерею, и я хотел бы иметь только пять изображений на каждую строке, есть способ, как динамически добиться этого со списком? Или я должен использовать таблицу вместо этого? Я бы предпочел список, потому что мне нравится, что вы можете продолжать добавлять новые изображения, не беспокоясь о том, что ваш макет будет сломан или изменен (без возиться с tr и td).

Answer 1

<style> 
    .list{list-style: none;} 
    .list li{float:left;width:20%;} 
</style> 

<ul class="list"> 
     <li>something</li> 
     <li>something</li> 
     <li>something</li> 
     <li>something</li> 
     <li>something</li> 
     <li>something</li> 
     <li>something</li> 
    </ul> 

Answer 2

хорошо я просто используя случайную ширину и высоту, но это может работать я думаю

ul{ 
width:100%; 
height:500px 
} 

li{ 
display:inline-block; 
margin:1%; 
width:17%; 
height:30%; 
}