Список отступов в HTML и CSS

Question

Список отступов в HTML и CSS

Я новичок в CSS и работаю со списком. Я попытался использовать один из кодов, которые я видел на w3schools, который показывает, как делать отступы в списках:

<html>
<body>

<h4>A nested List:</h4>
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
    <li>Black tea</li>
    <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

</body>
</html>

Мой CSS переопределяет его, поэтому все отображается на одной вертикальной линии. Есть ли какой-нибудь код CSS, который я мог бы использовать локально в списке, чтобы переопределить основной файл css? Любая помощь будет принята с благодарностью.

16

html css

задан Alan 8 August 2011 в 17:05

1 ответ

Другие вопросы по тегам:

html css

Похожие вопросы:

score 1 · Answer 1

Обычно все списки отображаются вертикально в любом случае. Итак, вы хотите отобразить его горизонтально?

В любом случае, вы попросили переопределить основной файл CSS и установить некоторые CSS локально. Вы не можете сделать это внутри <ul> с style="", что это применимо к детям (<li>).

Ближайшая вещь для локального управления вашим списком будет:

<style>
    li {display: inline-block;}
</style>
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
        <li>Black tea</li>
        <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>