html - 如何在 css 中内联显示标题和段落元素？

Question

我有一个 HTML 代码，其中包含一个标题和 2 个段落元素:

<div class="inter">

<h4>Note</h4>

<p>To add/remove a dependent or to modify your spouse's insurer information,  go to the My Life Events section and follow the instructions.</p>

<p>To modify your beneficiaries, please complete and sign the Beneficiary designation form and return it to your plan administrator.</p>

</div>

我希望上面的代码以下面的方式显示:

我尝试使用 div.inter>p,h4 { display: inline;} 但是通过使用它我无法在 2 个段落之间创建换行符(如下所示)。

Note: To add/remove a dependent or to modify your spouse's insurer information, go to the My Life Events section and follow the instructions.To modify your beneficiaries, please complete and sign the Beneficiary designation form and return it to your plan administrator.

Answer 1

float 标题 <h4> .

* {
  margin: 0;
  padding: 0;
}
.inter > h4 {
  float: left;
  padding-right: .5em;
}
p {
  margin-bottom: 1em;
}

<div class="inter">

  <h4>Note</h4>

  <p>To add/remove a dependent or to modify your spouse's insurer information, go to the My Life Events section and follow the instructions.</p>

  <p>To modify your beneficiaries, please complete and sign the Beneficiary designation form and return it to your plan administrator.</p>

</div>