Css 如何正确排列图像和文本？

我试图将一个图像与一些文本对齐，但我的问题是，如果文本太长，第二行会在图像下，我希望它也与图像对齐

这是我的代码：

echo '<li><div class = "imaj">
         <img style = "width:30px;height:35px;"src = "'.$row['image'].'">
      </div><div class = "titl">'.$row['title'].'</div>
      </li>';

echo'

“.$row['title']”
'；

这就是我希望它看起来的样子：

这就是它现在的样子：

好了：

.imaj
{
    float: left;
}

.titl
{
  overflow: hidden;
}

---

fiddle:

我们还没有看到您的代码，但是从您的图像来看，

imaj

div很可能是向左浮动的

在这种情况下，您只需将

左边距

添加到

标题

div

.imaj{
浮动：左；
}
蒂尔先生{
左边距：40px；
}

Lorem ipsum dolor sit amet，奉献精英。除了在共和国的临时劳动中作为建筑师的脸和脸之外。铜酸盐是一种圣洁的软膏
多洛雷姆格·伊普萨姆。这句话的意思是：“在必要的情况下，我们必须在必要的情况下进行实践。”！Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet，奉献精英。除了在共和国的临时劳动中作为建筑师的脸和脸之外。铜酸盐是一种圣洁的软膏
多洛雷姆格·伊普萨姆。这句话的意思是：“在必要的情况下，我们必须在必要的情况下进行实践。”！Lorem ipsum dolor sit amet

文本应放在一个div中，并留出一些空白

... <div id="titletext">'.$row['title'].' </div>

---

我们真的需要在演示中看到输出的HTML和CSS。我用出现在我网站上的确切图像编辑了这篇文章。很好，我已经忘记了不止一个。

#titletext{
  margin-left: 100px;
}