使用css

Question

请访问以下链接：

第一个链接：http://site1.com/ellisha-s-world-states-of-india-1.html

第二个链接：http://site1.com/ellisha-s-world-science-1.html

搜索单词＆＃34; CASH＆＃34; ，＆＃34;货到付款＆＃34; ，你可以看到

1）可用＆amp; 2）不可用。

但是＆＃34; CASH ON DELIVERY＆＃34;之间有更多的空白空间。 ＆安培; ＆＃34;不可用＆＃34;

我希望减少第一个链接中的空间。

Answer 1

在您的第二个链接'CASH ON DELIVERY'中使用不同的html标记

更改html标记和内联CSS 您可以在内联<h5>代码

上尝试此CSS而无需保证金

.reduce {
clear: both;
float: left;
bottom: 13px;
border-radius: 2px;
color: #666;
display: inline-block;
font-size: 11px;
height: 0px;
line-height: 6px;
position: relative;
text-align: center;
text-decoration: none;
}

HTML

<h5 style="position:relative;bottom: 11px;">
  CASH ON DELIVERY 
</h5>

可用链接

无法使用的链接

Answer 2

<h5 style="position:relative;bottom: 13px;margin-bottom: -13px;"> CASH ON DELIVERY </h5>

**“不可用**

在这里，您有不必要的双引号，只需将其删除即可。并且您的代码可以正常工作。