当存在超链接时，图例不再"in-bar"在字段集中

Question

在使用字段集创建的框中：

<fieldset>
  <legend> Legend </legend>
  <p>
  Lorem ipsum, etc.
  </p>
</fieldset>

这最初显示就像需要的那样：

+-- Legend --------
| Lorem ipsum, etc.

我

发现只要我添加一个锚点（一个 href=...），如下所示：

<fieldset>
  <legend> Legend </legend>
  <p>
  Lorem <a href="http://www.ipsum.com">ipsum</a>, etc.
  </p>
</fieldset>

然后图例文本或多或少地被强制放入框中，因此：

+---------------
| Legend
| Lorem <a href="http://www.ipsum.com">ipsum</a>, etc.

是否可以采取一些措施来防止这种情况发生，即保持图例出现在字段集边框中？

Answer 1

事实证明，在我的字段集之前有一个名称锚点，因此：

<a name="name" />
<fieldset>
  <legend> Legend </legend>
  <p>
  Lorem <a href="http://www.ipsum.com">ipsum</a>, etc.
  </p>
</fieldset>

将其更改为

<a name="name"></a>
<fieldset>
  <legend> Legend </legend>
  <p>
  Lorem <a href="http://www.ipsum.com">ipsum</a>, etc.
  </p>
</fieldset>

解决了问题。我认为我使用的表单是正确的 HTML，尽管我认为这在 HTML 5 中已停止使用。