css - 如何向页面上的元素添加填充？

Question

我正在使用 wordpress。我尝试使用 inspect element 移动基本上与 ecwid 插件中的另一行文本重叠的一行文本。

它似乎不起作用，每次我使用边距或填充属性编辑 css 代码时都没有任何反应

在我的页面上显示产品 205 美元，实际上是 295 美元，我想将其与实际价格分开。

我怎样才能做到这一点？

我试过使用这段代码

html#ecwid_html body#ecwid_body div.ecwid-productBrowser-price-compareTo-container{
 padding-bottom: 5px;
  }

这里是我要引用的内容

https://surveillanceshack.com/store/#!/Elec-Surveillance-system-w-4-bullet-&-4-dome/p/55396210/category=0

Answer 1

像这样添加行高:

html#ecwid_html body#ecwid_body div.ecwid-productBrowser-price {
  font-size: 24px;
  font-weight: 400;
  color: #a20505;
  white-space: nowrap;
  line-height: 21px;
}

您的两个价格都包含在同一个 div 中。当您有换行的文本时，将它们分开的唯一方法是定义行与行之间的高度。

要解决您的结帐问题，请同时在此类上修复行高:

.hentry table, #comments table {
    margin-bottom: 1em;
    font-size: 80%;
    line-height: 21px;
}

如果您想在一组 CSS 指令中解决此问题，请改为执行以下操作:

.hentry table, #comments table, .ecwid-productBrowser-price {
    line-height: 21px;
}