Фон сайта

+7 (343) 221-30-69

Декабря
10
2018

Выравнивание горизонтального списка по центру

Рейтинг:   / 1
ПлохоОтлично 

Думаю, каждый кто занимается сайтостроением, частенько сталкивался с проблемой выравнивания горизонтального списка по центру DIV-a. Так вот... Делается это невероятно просто!

<style>
	.menu{text-align: center;}
	.menu ul li{display:inline;}
</style>
<div class="menu">
	<ul>
		<li>Страница 1</li>
		<li>Страница 2</li>
	</ul>
</div>

Внешнему диву задаём выравнивание текста по центру (text-align: center;)

Элементам списка строчно-блочным элементом с помощью (display: inline;)

Недостаточно прав для комментирования

Копилка знаний


Сайтостроение