CSS中h1下的双下划线

Question

我希望我的h1下面有两个边框。一个是厚的，只是文本的宽度，第二个是更薄的和整个容器的宽度。

像这样：

如何使用CSS执行此操作？

我已经尝试了很多东西，看起来很容易，但我无法理解！我也找不到像这样的任何其他论坛或帖子。

Answer 1

如果您可以将HTML更改为：

<h1><span>Advertiser Name &mdash; Manage Campaigns</span></h1>

然后你可以使用这个CSS：

h1 {border-bottom:2px solid black; padding-bttom:5px}
h1>span {border-bottom:5px solid black}

Demonstration

Answer 2

您必须拥有两个嵌套<div> s（或<span>或<h1>，具体取决于具体情况） - 一个具有粗边框，另一个具有细边框。