在HTML中，<p> 标签通常用于表示文章段落 📝。相邻的两个p标签默认会换行显示，那么如何通过CSS来控制段落之间的间距呢？

🎯 基础设置

控制段落间距和行高

p {
    margin: 0 auto;
    line-height: 1.5em;
}

属性说明：

• margin: 0 auto：设置p标签上下间距为0，左右自动居中
• line-height: 1.5em：设置行高为1.5倍字体大小

📐 更多间距控制选项

精确控制上下间距

p {
    margin-top: 10px;    /* 上间距 */
    margin-bottom: 15px; /* 下间距 */
    line-height: 1.6;    /* 行高 */
}

段落首行缩进

p {
    text-indent: 2em;    /* 首行缩进2个字符 */
    margin: 1em 0;       /* 上下间距1em */
    line-height: 1.8;    /* 行高1.8倍 */
}

响应式段落间距

p {
    margin: 1rem 0;
    line-height: 1.6;
}

@media (max-width: 768px) {
    p {
        margin: 0.8rem 0;
        line-height: 1.5;
    }
}

💡 提示： 合理的段落间距和行高能显著提升文章的可读性。建议行高设置在1.4-1.8之间，段落间距根据设计需求调整。