css - 清除不同的 div

Question

我正在尝试对齐布局，使图像排成一行。

这是它当前正在做的事情的图像

HTML

<div class="p-alignleft"></div>
<div class="p-alignright"></div>

CSS

.p-alignleft { 
  float: left;
  margin-right:40px;
  width:450px;
  font-size: 1.2em;
  line-height: 1.4em;
}
.p-alignright {
  float: right;
  width:450px;
  font-size: 1.2em;
  line-height: 1.4em;
}

Answer 1

通过查看捕获的屏幕，我认为您应该将每个人的部分包含在 div 中。 ，并给他们上课 .p-alignleft或 .p-alignright .在每两个之后，做一个空的 <div class="clear"></div>有风格.clear {clear:both} , 所以接下来的两个人将在同一垂直水平对齐

HTML:

<div class="p-alignleft">Person A</div>
<div class="p-alignright">Person B</div>

<div class="clear"></div>

<div class="p-alignleft">Person C</div>
<div class="p-alignright">Person D</div>

CSS:

.p-alignleft {float:left}
.p-alignright {float:right}
.clear {clear:both}