我有一个图像和h3标签，我需要它们并排在一起。
<img src="..." alt="..." /><h3>Shopping Cart</h3>
但是图像正在向下滑动。我该如何解决这个问题？
答案 0 :(得分：0)
float:left;同时使用它
或者display:inline;可能会更好的尝试
答案 1 :(得分：0)
浮动2元素
img float:left
和float:right for h3 tag
如果h3没有足够的空间，那么它将会下降。
使用display:inline-block代替浮动尝试
<img src="..." style="float:left" alt="..." /><h3 style="float:right">Shopping Cart</h3>
答案 2 :(得分：0)
display: inline两者都会更好用。另一件事是你应该将它们包含在具有固定宽度（即：width: ___px）或最小宽度（即：min-width: ___px）的div中，以便始终为它们保留足够的水平空间并排坐着。无论你使用什么解决方案让它们彼此相邻，如果没有足够的宽度并且你没有保留宽度，那么它们将会折叠并垂直堆叠。
答案 3 :(得分：0)
如果图像与标题相关，那么IMG标签应该进入H3：
<h3><img ... /> Shopping Cart</h3>
完成后，您可以使用以下内容调整图像相对于标题基线的垂直对齐方式：
<h3><img ... /> Shopping Cart</h3>另一个想法是完全删除IMG并给H3一个特殊的类名称，它添加填充并将图标显示为背景图像。这很好，因为更改样式表比HTML模板更容易，代码更短，页面更易于访问。
h3 img {top:5px}