<p class="solid">border-bottomで直線を引いてみた</p>

<p class="dotted">点線だとこんな感じ</p>

<p class="dashed">破線にもできちゃうんです</p>
.solid{
  border-bottom: solid 3px #000;
}

.dotted{
  border-bottom: dotted 3px #000;
}

.dashed{
  border-bottom: dashed 3px #000;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.