html - CSS または HTML を使用して、横に行がある見出しまたはタイトルを作成する

Question

私は多くのウェブサイトでこのことを見てきましたが、それがどのように行われるのかわかりませんでした. このようなものを作成するにはどうすればよいですか:

Answer 1

私はすでにこの質問に答えました。css3 バックグラウンド プロパティを必要としないように、このヘッダーを横に線で単純化するにはどうすればよいですか?

jsFiddle : http://jsfiddle.net/dASCv/10/

HTML

<div>
    <h2>Title</h2>
</div>

CSS

div {
    text-align: center;
}

h2:before,
h2:after {
    border-top: 1px solid black;
    display: block;
    height: 1px;
    content: " ";
    width: 40%;
    position: absolute;
    left: 0;
    top: 1.4em;
}
h2:after {
   right: 0;  
   left: auto; 
}