我嘗試在我開發的一個網站的標題上加一條下劃線。這種下劃線在懸停或活動頁面時有效，問題是如果我更改了width屬性，我無法將下劃線置于文本的中心

網站是https://www.faithful-farming.com/

代碼如下所示:

elementor-item:after {
background-color: #E98B0D !important;
height: 5px;   
content: "";
bottom: 0;  
width: 100%;    
left:0;   
border-radius: 4px;
line-height: 2px;  
}

因此，如果我改變寬度:從100%到80%，它不居中，并設置為左，因為左:0；我試圖使用對齊中心，但我不知道為什么不工作。

問題:如果我改變大小，它不會居中。 如果希望將寬度小于100%的元素居中，則不能將左邊距設置為0。只需將寬度改為80%，左邊距改為自動或10%。

background-color: #E98B0D !important;
height: 5px;   
content: "";
bottom: 0;  
width: 80%;    
left:10%;   
border-radius: 4px;
line-height: 2px;  
}```