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

Question

我试图仅在标题文本上显示光标指针而不是完整的标题。我尝试使用给定的 - 文本中心尝试，但它在鼠标上的位置上显示了指针的问题，但我的要求仅在标题上的文本上显示指针

像这样的真皮

  <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;
}