Как использовать HTML и CSS только для центрального количества DIV ⇐ Html

[Anonymous]

Я пытаюсь построить навигационную панель, но не могу правильно сосредоточить свой текст, даже при использовании Text-align: Center свойство в CSS. Я не могу найти способ выяснить точные значения в пикселях, которые мне понадобятся для маржи и прокладки без использования JavaScript, и не хочу. Я пробую все, что я могу, чтобы узнать, как я могу использовать CSS и HTML, чтобы решить эту проблему. < /P>
css: < /p>
body {
/* Getting rid of the default margins on the webpage */
margin: 0px;
}

#navigation {
/* Make the header visible for testing purposes */
background-color: pink;

/* Center the header, change size */
margin: 0px auto;
width: 500px;
}

ul {
/* Align the text withing the div for functionality purposes */
text-align: center;

/* Get rid of the bullet points and style the list */
list-style-type: none;
}

li {
background-color: rgb(63, 76, 217);

/* Display as block elements >> we don't want the links of the navbar to stack */
display: inline-block;
padding: 5px;
}
< /code>
html: < /p>





[*]
Untitled

• About Us
• Students
• Administration
• Teachers
• Sign Up

< /code>
и вот изображение моего результата ... < /p>
Изображение навигационной панели < /p>
Примечание: Я пытаюсь избежать использования Flex и/или Grid, только базовые CSS и HTML для дальнейшего обучения. Слишком хорошо.>

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