Здравствуйте. Я начинаю обучение по web и нужна помощь. Создал выпадающие меню для сайта, но оно по центру это хорошо, но сами слова там Главная Обзоры и т.д. в левой части меню. Можно ли сделать слова по центру text-align:center; не помогает. Можно только ли с помощью margin?
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta charset="utf-8">
<title>Игровой цех</title>
</head>
<body>
<div class="header">
<div class="ico"><img src="img/ик.png"/></div>
<a href="index.html">Игровой цех</a>
<h2>Игровой цех-настало время играть в качественные игры.</h2>
<p>Наш телефон:8-999-999-99-99
Наша почта:arsenypalenny.gmail@.com
Наш адес: офис КРОК
Наш 2 адрес: секрет
</p>
</div>
<div class="menu">
<b><strong><p>Menu</p></strong></b>
<ul>
<li><a href="index.html">Главная</a></li>
<li>
<a href="top.html">Топы</a>
<ul>
<li><a href="">топ rpg.</a></li>
<li><a href="">топ battle royle.</a></li>
</ul>
</li>
<li><a href="обзоры.html">Обзоры</a></li>
<li><a href="myau.html">Доп_контент</a></li>
<li>
<a href="fortnite.html">Fortnite</a>
<ul>
<li><a href="#">Скины</a></li>
<li><a href="#">Эмоции</a></li>
<li><a href="#">Оружие</a></li>
</ul>
</li>
</ul>
</div>
<div class="contenier">
</div>
</body>
</html>
.menu a {color: #3f3f3f;
text-decoration: none; }
.menu a:hover {color: #6b6b6b; }
.menu li {
list-style: none;
padding: 15px;
width:100px;
margin: 0 auto;
float:left;
line-height: 50px;
}
.menu li ul {
position:absolute;
display: none;
text-align: center;
text-align: center;
}
.menu li ul li {
float: none;
display: inline;
width:100px;
line-height:35px;
}
.menu li ul li{
background: #c392b;
}
.menu li:hover ul {
display:block;
}
.menu li ul li {
display: block;
background:#92d3d3;
}
.menu ul {
padding:0;
margin:0;
}
Простой