Как выравнить иконки в подвале

[susha]

Здравствуйте, подскажите пожалуйста, как выравнить иконки платежных систем в подвале?

В подвале есть  пустующее место как раз для них. Вставил такой код:

 

            <div class="iconki">
        <ul class="list-unstyled">
          <li><img src="http://site.ru/image/payment/qiwi.png" alt="Киви"></li>
           <li><img src="http://site.ru/image/payment/sberbank.png" alt="Сбербанк"></li>
           <li><img src="http://site.ru/image/payment/visa.png" alt="Виза"></li>
           <li><img src="http://site.ru/image/payment/webmoney.png" alt="Webmoney"></li>
           <li><img src="http://site.ru/image/payment/yandex-dengi.png" alt="Яндекс деньги"></li>
        </ul>
      </div>

 

Получилось так:

 

 

Но красивее будет так:

 

 

В stylesheet.css нужно как то правильно прописать, но не могу найти как.

 

прописал так:

 

.iconki {
	display: inline-block;
}

Но не то.

Змінено 25 квітня 2018 користувачем susha

[legioner26]

Скиньте ссылку

[zlatoff]

Снесите class="list-unstyled" на списке и там пропишите инлайновый стиль.

P.S.: поглядел справку бутстрапа, есть класс:

<ul class="list-inline">
  <li>...</li>
</ul>

 

Змінено 25 квітня 2018 користувачем zlatoff

[susha]

.iconki { float:right; display:block; padding-top:5px;}
.iconki ul li{ display:inline-block;}
.iconki ul li + li{ margin-left:2px;}

Взял с чужого сайта. Так будет правильно?