Html Span中图像和文本的垂直对齐

我有一个文本和图像垂直对齐完美

（问题/议题）但我想在下面加一行，就像这样

我试着在span中添加一个

，但是文本直接放在图像下面

这是第一个垂直对齐的代码

<img src="/" class="circular" style="vertical-align:middle;">
<span class="text">Text</span>

正文

如果您知道图像的高度，可以在文本上使用

行高

请参阅此代码段：


.img{
浮动：左；
}
.txt{
浮动：左；
保证金：5px0 5px10px；
}
.txt行{
线高：20px；
}

标题
描述
考虑使用em作为单位，而不是px，如果更改字体大小，还必须更新行高。