how to underline a text using dotted line in css code example

Example: dotted underline css

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

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