将div与文本垂直对齐在同一行

Question

我有一个文本和一个div彼此相邻（它说＆＃34; BitHumor＆＃34;＆＃34;检查＆＃34;符号）但它们没有相互对齐（见图像）

这是我的HTML和CSS代码：

None

如何使文字（＆＃34; BitHumor＆＃34;）和div（图片 - 带复选标记）垂直对齐？

Answer 1

以下是两个选项：

1. 删除绝对定位。通过从复选标记类（position: absolute）中删除.official，您可以使用vertical-align。

2. 使用margin进行对齐。将此添加到复选标记类：.official { margin-top: 5px; }