HTML5: как включить теги <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;
}