css - 如何在我的 RSS 链接下添加另一行？

Question

如何在我的 RSS 链接上方添加相同的蓝线，在它下方以相同的间距？我试图用 Facebook 徽章将其隔开。 http://jeffreydowellphotography.com/blog/

更新：

这是我的html代码。可以在这里某处添加吗？

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Blog-JeffreyDowellPhotography', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Subscribe via Email:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Blog-JeffreyDowellPhotography" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" style=" margin-bottom: 40px;"/></form>




<p><a Style="marging-left: 7;" href="feeds.feedburner.com/Blog-JeffreyDowellPhotography"; rel="alternate" type="application/rss+xml"><img src="//feedburner.google.com/fb/images/pub/feed-icon16x16.png" alt="" style="border-bottom: 2px solid #E2E7F5;vertical-align:middle;border:0margin-top: 0;"/></a>&nbsp;<a href="feeds.feedburner.com/Blog-JeffreyDowellPhotography"; rel="alternate" type="application/rss+xml">Subscribe via RSS</a></p>




<!-- Facebook Badge START --> <a Style="margin-top: 40px; margin-bottom:20px; padding-top:20px; padding-bottom:20px; border-bottom: 2px solid #E2E7F5; href="https://www.facebook.com/JeffreyDowellPhotography" target="_TOP" title="Jeffrey Dowell Photography"> <img src="https://badge.facebook.com/badge/696174530397916.3512.386387771.png" style="border: 0px;" /> </a> <!-- Facebook Badge END -->

Answer 1

这应该这样做：

.sqs-block-content p {
    border-bottom: 2px solid #E2E7F5;
}

这会将相同的样式边框添加到<p>元素的底部。

更新

id向标签添加一个<p>，然后对其应用类似的 CSS。像这样：

#your_id {
    border-bottom: 2px solid #E2E7F5;
}

Answer 2

尝试将以下样式添加到p包含 RSS 的元素中。

CSS

margin-top: 0;
margin-bottom:20px;
padding-top:20px;
padding-bottom:20px;
border-bottom: 2px solid #E2E7F5;