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;
}