CSS : Put a border on an entire article excluding the title

Question

我需要在文章的左侧放置边框(或装饰线，无关紧要)，不包括标题。解释起来有点困难，但画起来更容易:

H2 Title
 | paragraph : Iorem impsum
 | Dolor sit amet,
 | etc, etc.

H2标题在文章中，文章内容缩进(1 indent)。我发现的唯一方法就是这个可怕的事情(我基本上是将标题放在带有白色背景的边框上以覆盖它):

article
{
    position: relative;
    left: 25px;
    border-left: 1px dotted grey; 
}

article h2
{
    position: relative;
    background-color: white;
    padding-bottom: 10px;
    left:-25px;
}

这行得通，但我不太喜欢使用相对定位来进行如此小的更改。那么，有没有更方便的方法，将标题移出文章？

Answer 1

那么，您想缩进和加边框一些文本 - 是这样的吗？

#bordered{
  border-left: 1px dotted grey;
  margin-left: 1em
}

<h1>title</h1>
<p id="bordered">bordered</p>