Здравствуйте, у меня не работает свойство text align.
Хочу сделать текст по центру, но у меня не получается.
Вот код:

#menu {
float: right;
margin: 0px 79.5px 0px 0px;

}

#menu li {
display: inline-block;
font-size: 15pt;
font-family: Open Sans Regular;
padding: 42.5px 53.5px 42.5px 15.5px;
}

#menu li:hover {
text-align: center;
background: #f8f9fb;
}

#menu li a{
color: #60646c;
text-decoration: none;
}

#menu li a:hover {
color: #60d1d3;
text-decoration: none;
}

html

<ul id="menu">
			<li class="active"><a href="#">Home</a></li>
			<li><a href="#">Service</a></li>
			<li><a href="#">Portfolio</a></li>
			<li><a href="#">Team</a></li>
			<li><a href="#">Blog</a></li>
			<li><a href="#">Contact</a></li>
		</ul>

Вот что нужно получить в result:

А у меня вот что:

Как отцентрировать текст в пункте меню? text-align НЕ РАБОТАЕТ.