<p class="under-dash-pink">テキストに<span>点線で下線</span></p>

p {display: inline;}

/* cssで下線-pink */
.under-dash-pink span {
  border-bottom: 2px dashed #ff1481;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.