The html navigation bar position is centered vertically, and the navigation bar is centered horizontally + vertically

How to center the navbar horizontally and vertically? Navigation bar horizontal + vertical center

HTML code

• Home page
• Services
• credentials
• Contact

CSS code

.are not {

background-color: #CCCCCC;

font-family: 'Source Sans Pro', sans-serif;

height: 45px;

padding-left: 170px;

}

.content {

width: 800px;

height: 500px;

margin:0 auto;

}

.nav ul li {

list-style-type: none;

text-align: center;

width: auto;

float: left;

padding-left: 10px;

padding-right: 10px;

margin:0 auto;

}

.nav a {

display: block;

padding-top: 2px;

padding-bottom: 2px;

color: #000000;

text-decoration: none;

}

I've centered it horizontally, but how can I center it vertically?

I hope your answer,

Thanks Felix