Html 内联块和第一个子div的移动

我刚开始学习CSS，现在就在这一部分。当信息类被内联阻塞时，是什么使品牌类下移？信息不是在品牌之后，所以不应该影响品牌等级吗

正文{
保证金：0；
填充：0；
}
.标题{
高度：34px；
背景色：#ACDACD；
}
.品牌{
边框：2倍纯红；
高度：34px；
显示：内联块；
}
.信息{
边框：2件纯蓝；
高度：34px；
显示：内联块；
}

AKKJKJKJKJKJKJKJJKJJJKJJJJJJJJKJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ

默认情况下，文本的

垂直对齐

是

基线

。

高度的差异就是它的原因。如果您有此CSS规则：

vertical-align: top;

不管它是什么样的完美，看起来都不错。见下文：


正文{
保证金：0；
填充：0；
}
.标题{
高度：34px；
背景色：#ACDACD；
}
.品牌{
边框：2倍纯红；
高度：34px；
显示：内联块；
}
.信息{
边框：2件纯蓝；
高度：34px；
显示：内联块；
垂直对齐：顶部；
}

AKKJKJKJKJKJKJKJJKJJJKJJJJJKJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ
默认情况下，文本的
垂直对齐
是
基线
。
高度的差异就是它的原因。如果您有此CSS规则：

vertical-align: top;

不管它是什么样的完美，看起来都不错。见下文：


正文{
保证金：0；
填充：0；
}
.标题{
高度：34px；
背景色：#ACDACD；
}
.品牌{
边框：2倍纯红；
高度：34px；
显示：内联块；
}
.信息{
边框：2件纯蓝；
高度：34px；
显示：内联块；
垂直对齐：顶部；
}

AKKJKJKJKJKJKJKJJKJJJKJJJJJJJJKJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ
这是对这个问题的一个很长的回答@如果你对我的答案有什么评论，那就好了：/-这就是我没有注意到代码，只是看着结果，然后马上下结论的原因！您需要考虑的一件事是，如果您将文本添加到
信息中
，它们将完美地排列在一起@如果你对我的答案有什么评论，那就好了：/-这就是我没有注意到代码，只是看着结果，然后马上下结论的原因！您需要考虑的一件事是，如果您将文本添加到
信息
中，它们将完美地排列在一起。