Html 如何将这个div放置在另一个div旁边？

我已经开始学习web开发，就我的一生而言，我不知道如何将我的

#Info

div定位到

#inputForm

div的右侧。这是一个很好的时间，大多数地方都说，如果两个元素都使用“display:inline block”，它应该可以工作。我肯定错过了什么。非常感谢您的帮助

标题{
背景：黑色；
颜色：rgb（0183255）；
字体大小：24px；
填充：10px 10px 1px 10px；
}
h1{
边际：0px；
字号：28px；
边框底部：2倍纯色；
/*行在顶部。TODO:让它变成波浪（可能是D3库）*/
}
氢{
保证金：0px 0px 0px 30px；
字体大小：14px；
}
身体{
利润率：0%；
背景：rgb（58,58,58）；
字体系列：Helvetica Neue、Helvetica、Arial、无衬线字体；
颜色：白色；
}
导航{
背景：黑色；
显示器：flex；
填充：0px；
浮动：对；
利润上限：-50px；
/*因为浮动*/
}
保险商实验室{
边际：0px；
填充：0px；
}
李{
字号：0.8em；
显示：内联块；
/*水平菜单*/
}
/*所有输入*/
#输入形式{
显示：内联块；
背景颜色：暗金色；
}
#输入格式*{
/*瞄准里面的一切*/
保证金：5px；
}
#输入形式输入{
宽度：42px；
背景色：暗色；
}
.数据输入{
宽度：4%；
背景颜色：灰色；
}
.波形{
浮动：左；
背景颜色：darkorchid；
}
.波形标签{
显示：内联块；
边际：0px；
填充：0px；
}
#数据容器{
背景色：黑色；
}
#波形容器{
显示：内联块；
背景：暗绿色；
}
.Info{
显示：内联块；
背景色：深色；
}

加法发生器
产生波形
视听体验

家
关于
创造

谐波
振幅
频率
广场
锯
混合
新章节新章节新章节新章节新章节新章节新章节新章节新章节新章节新章节新章节

带有“info”类的div和id为“infiForm”的表单应该包装在同一个div中，然后可以使用float css属性定位它们。提供float:“left”属性以形成，并向具有“info”类的div提供float:“right”属性

另一种对齐它们的方法是使用以下链接的flex属性。

---

非常感谢您的回答，它完全符合我的要求。请允许我冒昧地要求一些进一步的澄清：现在，当我从侧面缩小页面时，

Info

文本位于

infoForm

下，产生了同样的问题。你知道如何避免这种行为，最好是将文本换行吗？[编辑：我错了，你的代码很完美]