CSS padding属性:控制文字与div的左右间距
要控制文字与div的左右间距,可以使用CSS中的padding属性。padding属性用于设置元素的内边距,可以控制元素内容与元素边框之间的距离。以下是一个示例:
HTML代码:
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eleifend ex at libero dapibus, at consectetur enim pulvinar.</p>
</div>
CSS代码:
.container {
padding: 20px;
background-color: lightgray;
}
p {
padding-left: 10px;
padding-right: 10px;
}
在上述代码中,我们给div容器添加了20px的内边距,使文字与容器边框之间有一定的距离。然后,我们给p标签添加了左右各10px的内边距,使文字与p标签边框之间也有一定的距离。
你可以根据需要调整padding的数值来控制左右间距的大小。
原文地址: https://www.cveoy.top/t/topic/p2jo 著作权归作者所有。请勿转载和采集!