Выравнивать список по горизонтали с помощью css

Question

Я пытаюсь выровнять по горизонтали список, содержащий переключатели в div. Пример можно увидеть по адресу

http://shopper.webresponsive.co.uk/index.php/blinds/roman-blinds/mairo-mademoiselle-fabric-white-blue.html

Я попытался добавить к КАС, следующая, но не повезло:

.options-list ul li { 
    display: inline-block; 
    } 

Может кто-нибудь мне точку в правильном направлении? Благодаря

Answer 1

Это должно быть то, что вы ищете:

.options-list li { 
    display: inline-block; 
    margin-right: 16px; 
} 

элемент с классом options-list само по себе является ul, так что вы не хотите включать ul в вашем селекторе.