html - 平衡 HTML/CSS 中的 block

Question

我是 HTML/CSS 新手。我在设计网站时遇到问题。

看一下:

我有 2 个 block ，我想在每个 block 上写一些不同的东西。如何删除我在上图中标记的空白。

这是我的代码:

CSS
.blocks{
  display: inline-block;
  margin: 15px 0 0;
  border: none;
  color: black;
  background: #ff6f29;
  width: 30%;
}
.wrap{
    width: 100%;
}

HTML

<div class= 'wrap'>
<div class= 'blocks'>
Some code
</div>
<div class= 'blocks'>
<p>text text text text</p>
<p>text text text text</p>
<p>text text text text</p>
</div>
</div>

谢谢!

Answer 1

嗨，现在定义您的类 .blocks vertical-align:top; 像这样

.blocks{vertical-align:top;}

<强> what is vertical-align