<h2>見出しのサンプル</h2>
文字の上下にラインを入れたデザインの見出しです。
h2 {
  color: #9e3f91;  /*文字色*/
  padding: 5px 5px;  /*上下の余白*/
  border-top: solid 2px #9e3f91;  /*上線の大きさと色*/
  border-bottom: solid 2px #9e3f91;  /*下線の大きさと色*/
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.