Html 尝试在div中并排获取图片和文本

我一直在寻找这个问题，发现了很多类似的案例，但不管出于什么原因，这个解决方案在我的场景中不起作用

文本和图片被堆叠在一起。我很难把它放在头锁舱里，但要并排放着

#wrap{
宽度：800px；
保证金：0自动；
溢出：隐藏；
浮动：左；
}
#头锁{
高度：200px；
背景#776b68；
}
标题文字{
垂直对齐：中间对齐；
文本对齐：对齐；
}
部门主管{
垂直对齐：中间对齐；
}

这里有一些文字

在父对象上使用

display:flex

，这将创建一行，子对象并排显示。然后，您还可以使用其他flex属性，如

对齐项目

和

对齐内容

来水平/垂直对齐

#wrap{
宽度：800px；
保证金：0自动；
溢出：隐藏；
浮动：左；
}
#头锁{
高度：200px；
背景#776b68；
显示器：flex；
对齐项目：居中；
}
标题文字{
文本对齐：对齐；
}
部门主管{
垂直对齐：中间对齐；
}

这里有一些文字

如果使

.headerText

和

.headerImg

显示：内联块，那么这就可以了

#wrap{
宽度：800px；
保证金：0自动；
溢出：隐藏；
浮动：左；
}
#头锁{
高度：200px；
背景#776b68；
}
标题文字{
显示：内联块；
}
校长{
显示：内联块；
}
部门主管{
垂直对齐：中间对齐；
}

这里有一些文字

您是否尝试过使用float？显示：内联块；在这两个元素上可能也适用。我尝试了float和inlineblock。我已经经历了几个不同的变化，只是不能让它去并排。它只是一直在彼此的顶部运行。@Brandon很明显，您没有使用

display:inline块正确，然后。。。看看我的答案。对不起，我想你是对的。这确实解决了问题，但我的dreamweaver没有正确显示它。。我必须将代码导入测试网页才能看到它。一直以来我都认为这是错误的…这是我用过的-谢谢。我在上面发表了评论，但我想我一直认为它不起作用是因为Dreamweaver没有并排展示它。我必须把它上传到一个测试网页上才能真正看到它。再次感谢你。