html - ul 中的 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