html - 如何在同一行显示两个图像(CSS)

Question

我目前正在为一家虚拟航空公司设计网站，我需要有关如何获取的帮助 两个图像显示在同一行，而不是一个图像断到下一行。

它应该显示为:

LOGO ICON

但它变成了:

               ICON

LOGO

有人知道如何在 CSS 中解决这个问题吗？

谢谢!

Answer 1

检查this jsfiddle

您可以为每个LOGO和ICON制作一个div并 float 它们。

<div class="head">
   <div class="logo">LOGO</div>
   <div class="logo">ICON</div>
</div>

和CSS:

.head { width:100%;}
.logo {float:left; padding:10px;}