仅在站点的右侧部分减小水平线的宽度

Question

请访问此Link

在幻灯片放映图片下方，您可以看到：“TOP OFFERS”文字

我们在2条水平线之间插入了“TOP OFFERS”文字，但右边的线条延伸得更多，我想减小右边的线宽。

你能帮我找到解决方案吗？

Answer 1

将此添加到您的代码中 我减少了div的宽度

.horizontal_line div {
  text-align: center;
  position: relative;
  width: 1120px;
}

Answer 2

您可以添加：

.horizontal_line span:after {
  right: 3.5%;
  left: auto;
  width: 32%;
}