Css элементы Li внутри ул

Question

Я занимаюсь разработкой веб-сайт и у меня есть проблема,

<li> элементы не внутри <ul>

#category_select { 
 
    margin: 0 auto; 
 
    width: 97%; 
 
    height: 50%; 
 
    list-style: none; 
 
    text-align: center; 
 
    border: 1px solid black; 
 
} 
 
#category_select li { 
 
    display: inline; 
 
    padding: 10px; 
 
    border: 1px solid black; 
 
}

<ul id="category_select"> 
 
    <li>Naslovnica</li> 
 
    <li>Elektronika</li> 
 
    <li>Bijela tehnika</li> 
 
    <li>Vozila</li> 
 
    <li>Sport</li> 
 
    <li>Dom i vrt</li> 
 
    <li>Odjeća i obuća</li> 
 
    <li>Moda</li> 
 
    <li>Literatura</li> 
 
    <li>Ručni radovi</li> 
 
    <li>Igračke</li> 
 
    <li>O nama</li> 
 
    <li>Kontakt</li> 
 
</ul>

Answer 1

Пожалуйста, попробуйте это

#category_select li { 
    display: inline-block; //change display:inline to display:inline-block 
    padding:10px; 
    border:1px solid black; 
} 

DEMO