Html 如何把一个列表与图像和文字放在上面，彼此相邻

我是html5和css的绝对初学者，从2天起就开始学习。 我正试着列出食谱。在这个列表中，我想要配方的名称、图片和实际配方的链接。我试图把这个列表和图片放在一起，但不管我怎么做，列表都会在每个列表项上单独一行。 我将所有列表项都放在html格式的列表中。在css文件中，我尝试通过以下操作将列表项内联：

.list-recipes ul li {
    display: inline;
}

我也尝试了很多其他的东西，但都不管用，希望这里的人能帮我。

试试这个：

食谱
.列出食谱{
显示：内联；
}
.列出配方ul li p{
显示：内联；
}


谷歌



CSS技巧



苹果

@MilePonsi，如果您运行代码段，它会在一行上显示所有三种食谱，因此它是有效的。你需要详细说明“不起作用”