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

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

cristina.schaefer

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

1 | 0

html

2 ответа

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

helmer

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

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

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

1 | 0

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

elda

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

@cristina.schaefer

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

1
2
3

p {
  margin: 5px 0;
}

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

1
2
3

p {
  margin: 5px 10px;
}

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

0 | 0

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

2 ответа

Похожие обсуждения: