How can we create double dotted underline in CSS ? I use border-bottom property.

Question

Editorial Team

Asked: May 25, 20262026-05-25T13:48:33+00:00 2026-05-25T13:48:33+00:00

How can we create double dotted underline in CSS ?
I use border-bottom property.

border-bottom: 1px dotted #oof

But only single dotted underline appears. How can we create double underline ? Is it possible ?

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-05-25T13:48:34+00:00

Editorial Team

You need to use at least two HTML elements to achieve this:

<span class="outer">
    <span class="inner">Your text here.</span>
</span>

Both .outer and .inner should have the same dotted bottom border, but .outer should have a few pixels of padding-bottom as well.

The Archive Base Latest Questions