如何創建一個帶下劃線的鏈接，下劃線是用字母切分的？

Question

基本上我想要一個帶有下劃線的鏈接，但是信件的尾巴用白色的小周圍區域切過。 事情是這樣的：

Answer 1

很可能有很多這樣做的更好的方法，但這是我在這個有限的嘗試：

h1 { 
 
    display: inline-block; 
 
    font-size: 60px; 
 
} 
 
h1 span { 
 
    text-decoration: underline; 
 
}

<h1> 
 
    <span>Ja</span>y<span> Reatard</span> 
 
</h1>