Html css将项目放在div类中

我想：

在哪里

                    block

           block1  block2 block2

我想把它们并排放进去。。 我在JSFIDLE中尝试了以下代码：

---

但是在这里，这些块不在同一行。

不要使用head标记使用

header

试试这个

block ="head"
block1="h1"
block2="search box"
block3="itembox"

---

元素可以包括文档标题、脚本、样式、元信息等。正文中不使用Head

改用标签。 我不明白标签的意思。你在使用什么框架吗？。我想你想要这样的东西。请根据您的要求更改宽度值

标题{
背景：#fff；
宽度：100%；
高度：76px；
位置：固定；
排名：0；
左：0；
边框底部：2px实心#7e7e7e；
z指数：100；
显示器：flex；
}
收割台h1{
颜色：#ff0；
背景图像：-webkit线性梯度（92度，#f35626，#feab3a）；
-webkit背景剪辑：文本；
-webkit文本填充颜色：透明；
-webkit动画：色调60s无限线性；
文本对齐：居中；
弯曲方向：立柱；
}
#搜寻{
浮动：左；
宽度：自动；
高度：40px；
弯曲方向：立柱；
}
.itembox{
浮动：左；
背景：绿色；
弯曲方向：立柱；
}
#搜索输入{
背景：无重复滚动0 0#fff；
边界：0无；
颜色：#7F7F7F；
浮动：左；
字体：12px‘Helvetica’、‘Lucida Sans Unicode’、‘Lucida Grande’、‘Sans serif’；
高度：20px；
保证金：0；
填充：10px；
过渡：背景0.3秒缓进缓出0秒；
宽度：300px；
}
#搜索按钮{
背景：url（“search.png”）无重复滚动中心#7eac10；
光标：指针；
高度：40px；
文本缩进：-9999em；
过渡：背景0.3秒缓进缓出0秒；
宽度：40px；
边框：2倍实心#fff；
}
#搜索按钮：悬停{
背景色：#000；
}

新闻
提交
物品箱

您的小提琴中没有如上所述的标记。设置

#search{float:left}

后，它们将位于同一行。是的，这将是标题..这3个块需要位于同一行。h1，搜索框，然后是项目框..相同的行最好的方法是显示：flex，更新的答案。

 #search {
    display: inline-block;
 }