如何使用CSS将元素向右移动

如何使用CSS将元素向右移动

想要将'.banner-text-info p:before'元素向右移动，您可以通过调整CSS代码中的'left'属性来实现。

原始代码：

.banner-text-info p:before {
    content: ' ';
    position: absolute;
    width: 100px;
    height: 2px;
    background: #00cdc1;
    top: 176%;
    left: 67%;
}

修改后的代码：

.banner-text-info p:before {
    content: ' ';
    position: absolute;
    width: 100px;
    height: 2px;
    background: #00cdc1;
    top: 176%;
    left: 70%; /* 将此处的数值增加以向右移动 */
}

在这个例子中，我们将'left'属性的值从67%增加到70%。您可以根据需要微调这个百分比值，直到元素达到您想要的水平位置。 请记得保存并应用修改后的CSS样式表以查看效果。

注意： 确保该元素的'position'属性设置为'absolute', 'relative' 或 'fixed'，这样'left'属性才能生效。