Как убрать сверху и снизу пробелы в списке заказов

<html>
<body>

sdadfasdf a
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
asfdasdfasdfadf

</body>
</html>

Выход

sdadfasdf a

  1. Кофе
  2. Чай
  3. Молоко

asfdasdfasdfadf

Как убрать сверху и снизу пробелы в списке заказов

Источник

3 ответа

Решение

Используя CSS:

ol  {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
Источник

Удалить отступы и поля:

ol {
  margin: 0;
}
Источник

Поскольку каждый браузер обычно добавляет отступы, границы и поля по умолчанию ко всем тегам, попробуйте этот css:

html,body,div,p,h1,h2,h3,h4,h5,h6,address,blockquote,code,
ul,ol,li,dt,dl,dd,form,fieldset,hr,table,caption,tr,tbody,
td,tfoot,th,thead,img,object,sub,sup,big,small {
margin: 0;
padding: 0;
border: 0;
}

Это должно сбросить все на 0, включая пробелы. И вы можете перемещать и размещать свои элементы с вашими собственными правилами и законами.

Источник
Другие вопросы по тегам