【下線】テキストに点線で下線［その1］

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>p {display: inline;}

/* cssで下線-pink */
.under-dash-pink span {
  border-bottom: 2px dashed #ff1481;
}</style>
</head>
<body>
<p class="under-dash-pink">テキストに<span>点線で下線</span>
</p>
<script>
</script>
</body>
</html>

p {display: inline;}

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