アンカー内のテキストを垂直に揃える質問する

2024-07-07 • tag-icon

html css

次のような HTML があります:

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

アンカー内の画像に影響を与えずに、「My text」を垂直に揃える必要があります。HTML タグを追加することはできません。CSS のみでこれを行う必要があります。何か提案はありますか?

これはを使用して行うことができます.my-a-class { line-height: value }。valueを画像の高さに置き換えます。

編集 - -

最近では、これには flexbox を使用する方がはるかに優れています。

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