Как центрировать панель навигации с помощью CSS и HTML ⇐ CSS

[Anonymous]

Я создал панель навигации, но не могу понять, как отцентрировать ее на веб-странице.

Код: Выделить всё

.row {
max-width: 1140px;
background-color: green;
margin: auto;
width: 80%;
}

body {
margin: 0;
}

/* Add a black background color to the top navigation */

.topnav {
background-color: #333;
overflow: hidden;
}

/* Style the links inside the navigation bar */

.topnav a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}

/* Change the color of links on hover */

.topnav a:hover {
background-color: #ddd;
color: black;
}

/* Add a color to the active/current link */

.topnav a.active {
background-color: #4CAF50;
color: white;
}

Код: Выделить всё

[url=#home]Home[/url]
[url=#news]News[/url]
[url=#contact]Contact[/url]
[url=#about]About[/url]




Test text

Подробнее здесь: https://stackoverflow.com/questions/489 ... s-and-html