如何让我的图标与矩形显示在同一行？

【问题标题】：How do I get my icon to display on the same line as my rectangle?如何让我的图标与矩形显示在同一行？
【发布时间】：2012-08-20 18:21:42
【问题描述】：

我试图让黑色 x 标记显示在与第二个绿色矩形相同的行上。我尝试使用 display: inline，但它仍然不会显示在同一行。有人可以帮忙吗？

【问题讨论】：

我能说你的 HTML 和 CSS 对我来说很奇怪吗？
它看起来如此但没有那么多恕我直言，除了align 属性和图像上缺少 alt 属性显然会带来一些意义。有很多 div，但它可能是一些大型代码的精简版本或类似于 OOCSS

标签： html css

【解决方案1】：

在 HTML 代码中，如果我理解您想要实现的目标，将标记移动到将要浮动的元素内是强制性的。

然后你使用不推荐使用的属性align="center"，它在尝试定位标记时使一切变得复杂......尽管如此，这是一个小提琴：http://jsfiddle.net/PhilippeVay/a4Cg4/5/ （修改后的CSS在顶部，第一条和第二条规则）

与您的问题无关，但仍然：每个 HTML img 都需要一个 alt 属性，即使它对于装饰图像是空的（或者当周围文本等上下文已经说明图像所代表的内容时）。我将它添加到 HTML 代码中。

【讨论】：