html - 我怎样才能在每个盒子里放置元素，使它们保持一致？

Question

我尝试过使用内联样式，例如

#whiteRectangle{
top:5% 
}

尝试手动移动它，但这不起作用。

上面列出的我的代码笔显示了到目前为止我尝试过的内容以及问题的样子。非常感谢任何有关移动第五个框的文本和白色矩形的指导。

第二个但较小的问题:每个框中的每个文本与上面设计中显示的文本不同。也就是说，例如我们有

我试过删除 文本对齐:居中

但问题仍然存在，因此对于第二个问题的任何指示也将不胜感激。

Answer 1

如果要对齐白线(whiteRectangle)，将文本包裹在一个div中。您还可以删除“应用程序”的 br 标签，并尝试使用我提供的 CSS 顶部部分。

<div class="lineup"> 
  Facebook <br/> 
  Competition <br/> 
  Apps <br/> 
  <div class="whiteRectangle"> 
</div>

然后将以下内容添加到您的 CSS

.lineup{
  position: relative;
  top:-20px;
}