Html 如何垂直对齐图像和文本

我有一个关于垂直对齐问题的问题

我昨天问了一个问题

但是我改变了密码和文本。跨度内的文本有两行文本，我不知道如何垂直对齐图像和文本的中间

我已经在大多数元素上将垂直对齐设置为中间对齐，但仍然不起作用

我的朋友

有人能帮我吗？谢谢

我写了一篇文章来演示如何垂直对齐所有东西。 它还可以处理两行文本，以及几乎所有您想要的内容

HTML:

你的小提琴

---

这是一个仅针对您的案例的更新版本@马克·奥德特：我用了你的照片，这里有一种方法

对于此HTML：

如果对.title使用display:inline块，将获得更好的结果，否则，将相对于.title块的第二行进行对齐

请参见演示：

<div class="Container">
    <div class="Content">
        I'm the Content
    </div>
</div>

    .Container:before
    {
        content: '';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

.Content
{
    display: inline-block;
    vertical-align: middle;
}

<div class='div1'>
    <span class='title'> this is the text<br>this is the second text</span>
    <a class='link' href='#'>
        <img class='img' src='http://placehold.it/100x50'/>
    </a>
</div>