Ссылки под картинками в одном li

Общее
1

Добрый день есть структура

<ul class="nout-ul">
<li><a href="http://ice/services/remont-noutbukov/apple/"><img src="http://ice/wp-content/themes/icemag/images/old/sony.png" alt="">Apple</a></li>
<li><a href="http://ice/services/remont-noutbukov/asus/"><img src="http://ice/wp-content/themes/icemag/images/old/asus.png" alt="">Asus</a></li>
<li><a href="http://ice/services/remont-noutbukov/acer/"><img src="http://ice/wp-content/themes/icemag/images/old/acer.png" alt="">Acer</a></li>
<li><a href="http://ice/services/remont-noutbukov/samsung/"><img src="http://ice/wp-content/themes/icemag/images/old/samsung.png" alt="">Samsung</a></li>
<li><a href="http://ice/services/remont-noutbukov/toshiba/"><img src="http://ice/wp-content/themes/icemag/images/old/toshiba.png" alt="">Toshiba</a></li>
<li><a href="http://ice/services/remont-noutbukov/lenovo/"><img src="http://ice/wp-content/themes/icemag/images/old/lenovo.png" alt="">Lenovo</a></li>
<li><a href="http://ice/services/remont-noutbukov/dell/"><img src="http://ice/wp-content/themes/icemag/images/old/dell.png" alt="">Dell</a></li>
<li><a href="http://ice/services/remont-noutbukov/sony-vaio/"><img src="http://ice/wp-content/themes/icemag/images/old/sony.png" alt="">Sony</a></li>

Делаю ее горизонтальной, но текст ссылки все так же остается справа, возможно ли при такой структуре сделать горизонтальное меню с ссылками под картинками?

2

Кнопка для вставки html-кода </> в редакторе сообщений. Но для демонстрации кода в раздела “Общее” лучше использовать песочницу, например http://codepen.io/.

3

Именно так я и сделал, и 4 пробела пробовал, все равно не получилось.

4

Задайте ширину для li.