Html 如何使元素保持在同一条线上

我正在用material designe框架尝试一些东西，但有些东西就是不起作用。 以下是我得到的：

但是我希望文本从顶部开始并保持在那里，这样文本就不会像图片中那样跳入另一行。 我希望你们能帮助我

Lorem ipsum Door sit amet，Concertetur Adipising Elite.
Lorem ipsum Door sit amet，Concertetur Adipising Elite.

我会使用一个表格，如下所示：

<table><tr><th><img src="yourimgsrc.jpeg"></th><th><p>Your text here</p></th></tr></table>

您的文本在此显示

---

这就避免了您的问题，因为这两行（

）在同一高度结束

我相信这就是您要寻找的。您必须将IMG和文本都放在一个

中，然后将它们分别放在一个

中

#标题{
显示器：flex；
弯曲方向：行；
}
#专栏1{
显示器：flex；
弯曲方向：立柱；
}
#专栏2{
显示器：flex；
弯曲方向：立柱；
左侧填充：20px；
}

Lorem ipsum door sit amet，concertetur adipiscing elit
Lorem ipsum door sit amet，concertetur adipiscing elit
Lorem ipsum dolor sit amet，奉献精英

您能否分享您的代码，以便我们指出问题所在？寻求调试帮助的问题（“为什么此代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参见：如何创建。