在ul里面的css li元素

Question

我正在开发网站，我遇到了问题，

<li>个元素不在<ul>

中

＆＃13;

＆＃13;

#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;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

请尝试此

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

DEMO