如何鏈接

Question

.project-link { 
 
font-family:Arial; 
 
display:inline-block; 
 
color:#FFF; 
 
font-size:5vw; 
 
white-space:nowrap; 
 
text-decoration:underline; 
 
margin-right: 3%; 
 
line-height:120%; 
 
} 
 
body { 
 
    background-color: black; 
 
}

<a class="project-link" id="one" href="#modal1">Maru Speaker Design <sup> (1) </sup> </a> 
 
<

我試圖獲得（1）要標上標表示。

編輯https://jsfiddle.net/v1jn1nus/

加入PIC Arial字體。

我只是不明白。它的工作原理在小提琴太...該元素的

Answer 1

這是vertical-align:super;所以檢查，如果你的風格不復位垂直對齊。

檢查：

.project-link { 
 
font-family:Arial; 
 
display:inline-block; 
 
color:#FFF; 
 
font-size:5vw; 
 
white-space:nowrap; 
 
text-decoration:underline; 
 
margin-right: 3%; 
 
line-height:120%; 
 
} 
 

 
.project-link > span { vertical-align:super; } 
 

 
body { 
 
    background-color: black; 
 
}

<a class="project-link" id="one" href="#modal1">Maru Speaker Design <span> (1) </span> </a> 
 
<