Как получить текст в заголовке, чтобы быть вертикально выровненным? ⇐ CSS

[Гость]

У нас есть заголовок с навигационной панелью. Текст для навигационной панели центрируется по горизонтали, но не вертикально. Я не уверен, как это исправить.display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
< /code>
Я также попробовал поднять дисплей до таблицы и встроенного блока, добавив вертикальное выравнивание: среднее, добавление высоты линии и добавление прокладки. Ниже приведен код, который, я думаю, является актуальным и в настоящее время является тем, что в моем CSS. < /P>
body {
margin: 0px auto auto auto;
box-sizing: content-box;
width: 80%;
background-color: lightblue;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
box-shadow: rgba(61, 61, 61, 0.8) 50px 0px 50px, rgba(61, 61, 61, 0.8) -50px 0px 50px;
padding: 15px;
< /code>
} < /p>
body > header > nav > ul {
display: block;
background-color: rgb(0, 0, 255);
height: 30px;
< /code>
} < /p>
body > header > nav > ul > li {
display: block;
width: 12%;
float: left;
font-size: 0.8em;
color: rgb(183, 156, 111);
font-weight: bold;
height: 100%;
text-align: center;
< /code>
} < /p>

• Home
• Brain Storming
• Market Research
• Business Planning
• Business Structure
• The Team
• FAQ
• Contact Us

Подробнее здесь: https://stackoverflow.com/questions/794 ... ly-aligned