Html CSS文本到图片的定位

我对文本的定位有问题。它在图片下面。我从网站上看到了代码，我正在尝试构建我是网站设计的初学者，复制其他网站，练习，不上传，也不使用它们，它没有浮动图片或文本。 你能给我一些建议怎么做吗？ 感谢您的回答，也为我的fck'd英语感到抱歉。

尝试使用：

display: inline-block;

围绕图像后面的文本

摆弄：

解决方案是将浮动和保证金结合起来。在本例中，您应该对图像包装器和右内容使用float，即图像宽度加上一些边距。比如说

HTML:

---

你应该发布你的代码，而不是图片请用文字而不仅仅是图片来解释你想要实现的目标。这张图片将来可能会变得不可用，这将使你的整个问题对未来的读者失去任何价值。

<div class="item">
  <div class="avatar">
    <img src="https://placehold.it/80x80" alt="">
  </div>
  <div class="text">
    Lorem ipsum
  </div>
</div>

.item .avatar {
  font-size: 0;
  width: 80px;
  float: left;
}

.item .text {
  margin-left: 85px;
}