<small> 可以位于 <p> 标签内吗？

Question

我必须从 pdf 中制作一个语义网页。一切都很顺利（一点也不），但我有一个脚注不适合响应行高。我想把它放在 ap 标签内，效果很好，但我不知道这是否好。

这是代码：

.text {
  padding-left: 8.5vw;
  padding-right: 8.5vw;
  padding-bottom: 10vw;
}

.text-column {
  padding-top: 10vw;
  column-count: 2;
  column-gap: 4vw;
}

.text p {
  color: #333;
  margin-bottom: 2.7vw;
  line-height: 3vw;
  text-align: justify;
  text-indent: 3vw;
  font-size: 2.12vw;
}

.footnote hr {
  background-color: #000;
  width: 33%;
  height: 0.2vw;
  margin-top: 4vw;
  margin-bottom: 1vw;
  border-color: #000;
}

.footnote {
  font-size: 1.36vw !important;
  text-align: justify !important;
  line-height: 1em !important;
}

<article class="text text-column">
...

  <small class="footnote">
    <hr>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi tempore nostrum laboriosam laborum sed nulla
        quae libero distinctio consequuntur. Ut sint molestiae, placeat voluptatibus vitae repudiandae architecto nemo
        et in?
  </small>
</article>

Answer 1

是的。事实上，MDN 页面<small> 本身展示了<small>嵌套在标签内的<p>标签作为示例：

<p>This is the first sentence.
  <small>This whole sentence is in small letters.</small>
</p>

<p>是流内容元素，<small>是短语内容元素。任何短语内容都可以放入任何流内容内。除此之外，<small>它是一个内联元素，因此不会破坏内容的流动。

但是，请记住，<small>设置的尺寸比页面上的默认文本尺寸小一号，因此您可能需要进行相应调整。<small> 这可以通过嵌套在 中 来完成<small>，因为它<small>也是其自身的有效父级。请注意，有一个等效的，尽管它已被 CSS' 取代。<small><big>font-size