垂直对齐锚内的文本

Question

我有这个HTML:

<a href="href" class="my-a-class>
    <img alt="alt" src="/path/to/image.jpg" class="my-img-class" />&nbsp;My text
</a>

我需要垂直对齐"我的文字"而不影响锚点中的图像.我无法添加任何HTML标记,我只需要使用CSS.有什么建议吗？

Answer 1

你可以这样做.my-a-class { line-height: value }.替换value为图像的高度.

编辑---

这些天使用flexbox要好得多:

.my-a-class {
   display: flex;
   align-items: center;
   justify-content: space-between;
}