光标指针仅显示在标题中心的标题文本上而不是完整标题以显示指针

Question

我试图仅在标题文本上显示游标指针而不是完整标题。 我试过用给定的文本中心，但是它的指针显示鼠标在标题上的位置，但我的要求只在标题上显示指针

像我这样的代码

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

请帮帮我

Answer 1

尝试将实际文本包装在内联元素（例如span）中，并将其设置为悬停状态：

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


header span:hover {
    cursor: pointer;
}