将图像向左浮动，文本在右下角浮动

Question

​

我想使我的文字对齐从底部的img。

如下所示：

​

​

有人知道怎么耍这个把戏吗？

Answer 1

在包装元素上使用flexblox，然后可以根据需要对项目进行调整/对齐。

<div style="display:flex;align-items:end;">
  <div style="width:100px;height:100px;background-color:gray">Replace this div with image tag</div>
  <span>Text text text</span>
</div>

单击此处查看codepen示例。