创建段落布局
如何设置两个段落到最左边，两个段落设置在最右边？ 段落嵌套在一个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>这里是你的代码中的一个简化版本。
.advantages p {
width: 45%;
float: left;
border: dashed 1px red;
}
.advantages p:nth-child(even) {
float: right;
}
你缺少的一件事是设置段落的宽度。 当段落中的文本行不同时，事情会显得有点愚蠢，但这是对您的问题的回答。
小提琴：https：//jsfiddle.net/stgermaniac/wa1w319z/
链接地址: http://www.djcxy.com/p/75991.html