[分享]css两段文字左右间距

CSS中，我们可以通过设置两段文字的左右间距来调整页面的版式，让文字看起来更加美观。接下来，我们就来介绍一下如何通过CSS设置两段文字的左右间距。p{ marginright: 20px; margi...

CSS中，我们可以通过设置两段文字的左右间距来调整页面的版式，让文字看起来更加美观。接下来，我们就来介绍一下如何通过CSS设置两段文字的左右间距。

p{
    margin-right: 20px;
    margin-left: 20px;
} 

上面这段代码中，我们使用了p标签来表示段落，然后通过设置margin-right和margin-left属性来调整两端的间距。其中margin-right属性表示元素右边外边距的大小，而margin-left属性表示元素左边外边距的大小。它们的单位可以是像素（px）、百分比（%）、em等。

如果我们想让所有的段落都有相同的左右间距效果，也可以在CSS中设置全局的样式，如下所示：

body{
    padding: 0;
    margin: 0;
}
p{
    margin: 0 20px;
} 

在这段代码中，我们先将body的padding和margin设置为0，然后再定义全局的段落样式。由于margin属性支持指定上下左右四个方向的间距，我们可以使用0 20px这样的语法来指定左右间距，简化了代码。