Почему мой неупорядоченный список навигации не отображается как встроенный?

Question

Я пробовал создать div, удалив div, пытаясь получить ul, отображаемый как inline, все, но мой неупорядоченный список все еще не отображается как inline. Что мне не хватает?

p { 
 
    font-family: orbitron; 
 
} 
 
h1 { 
 
    color: black; 
 
    text-align: center; 
 
    font-family: orbitron; 
 
} 
 
ul { 
 
    dispaly: inline; 
 
}

<nav> 
 
    <ul id="navigation_bar"> 
 
    <li class="About">About Game</li> 
 
    <li>Screenshots</li> 
 
    <li>About creator</li> 
 
    <li>Forums</li> 
 
    <li>Blog</li> 
 
    <li>Contact</li> 
 
    </ul> 
 
</nav>

Answer 1

Не ul должен быть inline, то li s в ul должно быть. Изменение выбора, как это:

ul li { 
    display: inline; 
} 

или это:

ul > li { 
    display: inline; 
} 

Кроме того, у вас есть опечатка: dispaly должен быть display.