Как уменьшить расстояние между абзацами в html?

Пользователь

от cristina.schaefer , в категории: HTML/CSS , 3 года назад

Как уменьшить расстояние между абзацами в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от helmer , 3 года назад

Уменьшить расстояние между абзацами в html можно так:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<style>
        p {
            margin-bottom: -15px;
        }
    </style>
    
</head>
<body>
    <h1>Кошки.</h1>
    <p>21.12.2021</p>
    <p>Экологически чистый древесный комкующийся кошачий наполнитель для лотка. Удивительная экономия! Примерно в 3 раза выгоднее многих других комкующихся наполнителей, что подтверждают сравнительные тесты. Можно не менять наполнитель до двух месяцев. Образует плотные комки, которые можно легко убрать из лотка.</p>
    <p>Экологически чистый древесный комкующийся кошачий наполнитель для лотка. Удивительная экономия! Примерно в 3 раза выгоднее многих других комкующихся наполнителей, что подтверждают сравнительные тесты. Можно не менять наполнитель до двух месяцев. Образует плотные комки, которые можно легко убрать из лотка.</p>
    <p>Конец.</p>
</body>


Пользователь

от elda , год назад

@cristina.schaefer 

Чтобы уменьшить расстояние между абзацами в HTML, вы можете использовать стиль элемента p с параметром margin. Например, чтобы уменьшить расстояние между абзацами на веб-странице до 5 пикселей, вы можете использовать следующий код:

1
2
3
p {
  margin: 5px 0;
}


Этот код устанавливает верхнее и нижнее отступы равными 5 пикселям. Вы также можете указать разные значения для верхнего и нижнего отступов, например:

1
2
3
p {
  margin: 5px 10px;
}


Этот код устанавливает верхний отступ равным 5 пикселям, а нижний отступ равным 10 пикселям. Значения могут быть заданы в пикселях, процентах, единицах em и т.д.