如何讓下面兩行下劃線從文本

Question

我有一個需要下劃線文字，但我想，下劃線與一些空間是向下跌破文本

我有一個圖像顯示什麼需要我做

這裏是我試圖

的index.html

<div class="line"> 
<p class="text-center"> <u> Offerings </u> </p> 
</div> 

代碼

Answer 1

不要使用下劃線標記，而是使用一個底部邊框，像這樣：

.underline {border-bottom: 1px solid red;}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="line text-center"> 
 
    <span class="underline"> Offerings </p> 
 
</div>