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

Question

我试图仅在标题文本而非完整标题上显示光标指针。我曾尝试使用 given - text-center 但它有指针显示在鼠标悬停在标题上的位置但我的要求仅在标题上的文本上显示指针

我的代码是这样的

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