@Arsprogrammist

Нужна помощь с меню?

Здравствуйте. Я начинаю обучение по 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;
 

}
  • Вопрос задан
  • 77 просмотров
Пригласить эксперта
Ответы на вопрос 2
LenovoId
@LenovoId
I want, women not to get sick
SpiderPigAndCat
@SpiderPigAndCat
занимаюсь салообразованием
.menu li {
    list-style: none;
    padding: 15px;
    width: 100px;
    margin: 0 auto;
    float: left;
    text-align: center;
    line-height: 50px;
}
https://codepen.io/anon/pen/yZMZpZ
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы