how to make dotted underline in html code example

Example 1: dotted underline css

.dotted { 
  border-bottom: 1px dotted; 
}

<p><span class="dotted">some text</span></p>

Example 2: underdotted css

text-decoration: underline dotted;