<h2>ブログタイトル</h2>
<h3>小見出し1</h3>
ぶらぶらぶら


<h3>小見出し2</h3>
ぶらぶらぶら
h3 {
 overflow: hidden;
 text-align: center;
}
h3:before,
h3:after {
 background-color: red;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
 width: 50%;
}
h3:before {
 right: 0.5em;
 margin-left: -50%;
}
h3:after {
 left: 0.5em;
 margin-right: -50%;
}
h2 {
 text-align: center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.