CSS文本到图片定位

Question

I'm trying to build this.

我对文本的定位有困难。它在图片下面是一个问题。我看到了网站上的代码，我正在尝试构建（我是网络设计的初学者，制作其他网站的副本，练习，不上传或使用它们）而且它没有“浮动”（图片或文字）。 This is my result。 你能给我一些建议怎么做吗？ 谢谢你的回答，也很抱歉我的英语。

Answer 1

尝试使用：

display: inline-block;

图像后面的文字

Answer 2

小提琴：http://jsfiddle.net/fj2f887v/

解决方案是合并float和margin。在此示例中，您应该使用float用于图像包装和正确的内容，图像宽度加上一些边距。例如

HTML：

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

CSS：

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

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