Html 将图像放入标题（同一行）

我想把3个图像的标题，左边是标志，右边是搜索框

我怎样才能把它们排在同一行

我希望它的标志在标题的左边，搜索框在右边

请帮忙

#徽标{
浮动：左；
左边距：10%；
身高：30%；
宽度：20%；
}
#搜索标志{
浮动：对；
高度：30px；
宽度：30px；
保证金：5px；
位置：相对位置；
顶部：-5px；
}
/*搜索框*/
输入。四舍五入{
左缘：85%；
边框：1px实心#ccc；
-moz边界半径：10px；
-webkit边界半径：10px；
边界半径：10px；
-莫兹盒阴影：2×2×3×666；
-网络工具包盒阴影：2px 2px 3px#666；
箱形阴影：2×2×3×666；
字体大小：14px；
字体系列：塔荷马，日内瓦，无衬线；
填充：4px7px；
大纲：0；
-webkit外观：无；
}
输入：四舍五入：焦点{
边框颜色：#969063；
}

---

您需要更改元素在块和内联方面的行为方式

下面的代码应该达到你的要求

另外，你的利润是完全不正常的，我已经从等式中删除了它们，然后浮动

我还添加了一些额外的css规则，以帮助您在将来处理此类问题

---

.align{
显示：内联块；
*显示：内联；
缩放：1；
垂直对齐：顶部；
}
.居中对齐{
文本对齐：居中；
}
.左对齐{
文本对齐：左对齐；
}
.右对齐{
文本对齐：右对齐；
}
.对齐表格{
显示：表格；
宽度：100%；
表布局：固定；
}
.t-align{
显示：表格单元格；
垂直对齐：顶部；
宽度：100%；
}
#标志{
身高：30%；
宽度：20%；
}
#搜索标志{
高度：30px；
宽度：30px；
保证金：5px；
位置：相对位置；
顶部：-5px；
}
/*搜索框*/
输入。四舍五入{
边框：1px实心#ccc；
-moz边界半径：10px；
-webkit边界半径：10px；
边界半径：10px；
-莫兹盒阴影：2×2×3×666；
-网络工具包盒阴影：2px 2px 3px#666；
箱形阴影：2×2×3×666；
字体大小：14px；
字体系列：塔荷马，日内瓦，无衬线；
填充：4px7px；
大纲：0；
-webkit外观：无；
}
输入：四舍五入：焦点{
边框颜色：#969063；
}

这是您的

左边距：
输入的85%
规则。四舍五入的
类。你为什么需要屏幕最大宽度的边距？如果删除该规则，所有内容将排成一行。
不要将输入包装在div中，而应将其包装在表单元素中。这不是我的代码，我只是添加到其中，不能期望完成所有工作。这对我有帮助！！谢谢！！