光標指針僅顯示在標題中心的標題文本沒有完整標題來顯示指針

Question

我試圖僅在標題文本上顯示光標指針而不是完整標題。 我哈德試圖與給定的 - 文本的中心，但它的指針有問題，出在哪裏鼠標移到頭，但僅在標題文本

mycode的這樣

<div id="header-container"> 
    <p class="text-center">Header Text</p> 
    </div> 

我的要求顯示指針，請幫忙我出去

Answer 1

儘量在包裹內聯元素的實際文本，如跨度，和造型是懸停狀態：

<header> 
    <span>your text here</span> 
</header> 


header span:hover { 
    cursor: pointer; 
}