<h2>見出しのサンプル</h2>
<br>
中央にちょっとだけアンダーラインの見出しです。
h2{
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  color: #30302f;  /*文字色*/
  font-size: 25px;  /*文字サイズ*/
}
h2:before {
  content: '';
  position: absolute;
  bottom: 1px;
  display: inline-block;
  width: 40%;
  height: 1px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #30302f;
  border-radius: 1px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.