如何刪除子標記之前和之後的空間

Question

好吧，所以我想刪除使用CSS之間的子詞創建的兩個單詞之間的空間。以下兩張圖片將展示我正在努力完成的事情。

變化this變爲this。

Answer 1

這可以通過將子文本的位置設置爲絕對值並設置您想要的位置來拉開。香港專業教育學院做了一個plunker所以你可以看到我做了什麼，但它看起來像這樣

<style> 
p{ 
    font-size:2rem; 
} 
p > sub{ 
    color:green; 
    position:absolute; 
    top:7.5rem; 
    left:4rem; 
} 
</style> 
<p>First <sub>Middle</sub> Last</p> 

http://plnkr.co/edit/5UCHcHn0PuNn1oh4aWvc