当如何包含3行文本（包括h3标签？</li>）时，如何使有效的<li>可点击

Question

我想让我的整个li可点击 如果我只有一行文字，我只需设置a { display: block; height: 100% }。

但正好我正在使用h3标记，我无法将<a>标记包裹在h3标记周围（无效的html标记）。

我如何以“简单而干净”的方式解决这个问题？

以下是一个示例代码：

<li>
  <div>Some text</div>
  <h3> some header </h3>
  <div> some more text </div>
</li>

Answer 1

如果您使用的是html5 doctype，那么在a代码周围环绕h3代码无效。