HTML5：如何在同一边框样式中包含<p>和</p> <ul>标签

Question

我正在尝试将我的段落和无序列表放在同一边框中。起初，我只是将列表放入 p标签一样简单...不幸的是，事实并非如此。我的外部样式表代码的一小段将包含在下面。

p {
border-style: solid;
padding: 15px;
}

Answer 1

看起来您想将p和ul元素都嵌套在div元素内，然后在div元素周围放置边框以将它们都包含在内，如下所示：

<div>
  <p>Example</p>
  <ul>
    <li>Example</li>
    <li>Example</li>
  </ul>
</div>

然后，在您的CSS中，执行以下操作：

div {
  border: solid black 2px;
}