Сделать Navbar с 4 столбцами ⇐ Html

[Anonymous]

Я хочу иметь 4 столбца в моей навигации, как показано на рисунке:

, а текст внутри коробки должен быть в центре, как в ближнем месте. Это импортируется, что твои коробки, чтобы я мог применить к нему «пограничный пакет». Кто -нибудь может помочь, я не могу понять это сам. Вот что я получил до сих пор: < /p>

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

header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 70px;
padding: 0px 10%;
background-color: #EFEFEF;
}

.logo {
cursor: pointer;
text-decoration: none;
color: #707070;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.nav__links a,
.cta,
.overlay__content a {
font-family: "Montserrat", sans-serif;
font-weight: 500;
color: #707070;
text-decoration: none;
}

.nav__links {
list-style: none;
display: flex;
}

.nav__links li a {
border: 1px solid black;
width: 225px;
height: 70px;
float: left;
}

#active {
border-bottom: 8px green solid;
}

.cta {
padding: 9px 25px;
background-color: rgba(0, 136, 169, 1);
border: none;
border-radius: 50px;
cursor: pointer;
transition: background-color 0.3s ease 0s;
}< /code>


[url=/]filmfestwilsdruff.de[/url]

[list]
[*][url=#]Home[/url]
[*][url=#]blabla[/url]
[*][url=#]blabla[/url]
[*][url=#]blablabla[/url]
[/list]

[url=#]Contact[/url]

Подробнее здесь: https://stackoverflow.com/questions/762 ... -4-columns