创建段落布局

Question

如何将两个段落设置为最左侧，将两个段落设置为最右侧？这些段落嵌套在一个div中。

这是我到目前为止所做的事情

.advantages p {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 3px;
}

.advantages p:nth-child(3) {
  position: relative;
  left: 550px;
  top: -20px;
}

.advantages p:nth-child(5) {
  position: relative;
  left: 550px;
  top: -20px;
  width: 80%;
}

<div class="advantages">

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>

</div>

Answer 1

以下是您在代码中使用的简化版本。

.advantages p {
    width: 45%;
    float: left;
    border: dashed 1px red;
}

.advantages p:nth-child(even) {
    float: right;
}

您缺少的一件事是设置段落的宽度。当段落中的文本行不同时，事情看起来会有些愚蠢，但这是（a）回答你的问题。

小提琴：https://jsfiddle.net/stgermaniac/wa1w319z/