Пытается отображать продукты в горизонтальной линии

Question

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

http://89.145.118.113/red-nigella-dress.html

Может кто-то пожалуйста, помогите мне.

Answer 1

Просто попробуйте

.block-content li.item { 
    float: left; 
    width: 20%; 
} 

Это должно указать вам правильное направление.

Answer 2

Я нашел пример в http://www.w3schools.com/css/tryit.asp?filename=trycss_inline-block очень полезным и смог исправить проблему, с которой я столкнулся.