Вед-дев, Сео, Манимейкинг

Центрируем LI элементы горизонтально

Как отцентрировать <li> элементы горизонтально по центру? Есть несколько способов, например:

Способ №1

<ul>
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
  <li>item4</li>
</ul>

ul li {
   display: inline;
}

ul {
   text-align: center;
}

Данный способ уместен если вам при вёрстке не нужны меню как блочные элементы.

Способ №2

<div class="imba-table">
  <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
      <li>Item 4</li>
  </ul>
</div>
.image-table {
   display: table;
   margin: 0 auto; // это отцентрирует LI элементы
}

ul li {
   float: left;
   list-style: none;
}

Обворачиваем в дополнительный

.
Этот способ работает во всех современных браузерах за исключением Internet Explorer 7 :)


Комментарии (0)

Подписаться

Подписка на RSS-лента последние записи из Блога

Комменты

  • Olzhas 10 месяцев 2 недели назад
    Спасибо. С Новым Годом! 
  • Den 11 месяцев 1 неделя назад
    В первой функции, при создании переменной $li_previous нужно поменять '←' с NULL, в $li_next сделать тоже самое. 
  • Гость 11 месяцев 2 недели назад
    Если все ровно так как было описано, то нет никаких сомнений что домен увел сам регистратор. Потому что вероятность того 
  • Валерий 1 год 1 неделя назад
    да можно делать импорт-экспорт только лишь в оболочке на входя на mysql сервер 
  • admin 1 год 1 неделя назад
    Валерий, а зачем вам именно так делать экспорт? Если я не ошибаюсь, то там нет какой-либо команды чтобы сделать экспорт 
  • Валерий 1 год 1 неделя назад
    захожу на mysql через ssh по команде  
  • admin 1 год 1 неделя назад
    Добрый вечер, какой у вас клиент? 
  • Валерий 1 год 1 неделя назад
    Здравстуйте, есть команда чтобы сделать экспорт базы внутри mysql клиента? 
  • Eduard 1 год 3 недели назад
    Видать, домен хороший был. Заявление пробывали писать на мошенника? 
  • Stas 1 год 2 месяца назад
    Ошибка в ключе квантификатора - replace(/будешь|пить/ig, "хлеб"); Указать -g для прохода по всем совпадениям!