html - 如果我将文本放入其中，则 Div 框会向下移动

Question

我构建了四个包含内容的 div 框。首先，里面有盲文，没有问题。但是现在，当我想将我的内容放入框中时，我将一些文本放入第一个框中，例如，其他三个框的下降幅度相同。

第二件事是，有什么方法可以使文本更紧凑？就像盲文所在的其他三个框一样。因为在第一个中，两个词之间有很大的空间。我听说过一些关于 css break 的事情？但我不知道它是否正确。

.skillcontainer {
max-width: 23%;
min-width: 200px;
display: inline-block;
position: relative;
margin-left:1.4em;
}

Here你可以明白我的意思。并且对于文本，例如，如果您将窗口变大，您会看到 22% 以下有空白空间。

Answer 1

不需要 float 它们......你只需要添加

 .wrapper {vertical-align:top; }

到您的代码...因为内部元素是内联 block 。

JS FIDDLE