如何解决css中的文字基线问题？

Question

如图下图所示，文字的基线是从图片底部开始算起的，如果想要文字与图片顶部对齐，应该怎么办？谢谢?

代码结构如下：

<div class="container">
    <img src="#">
    <span>这里是一些文字</span>
</div>

效果如下：

---

Answer 1

img里加个vertical-align: bottom;就好了

Answer 2

.container > * {
    display: inline-block;
    vertical-align: top;
}