Выравнивание абзаца по вертикали только с помощью HTML

#html

#HTML

Вопрос:

Я пытаюсь создать HTML-код для подписи почты.

введите описание изображения здесь

 <p>
<a style="color: #191919; font-family: Open Sans; line-height:3" href="mailto: example@gmail.com" <img src="img.png"/></a> 
<a style="color: #191919; font-family: Open Sans;" href="mailto: =example@gmail.com">example@gmail.com</a> </p>
 

Я хочу, чтобы текст был выровнен по вертикали до середины строки.
Есть ли какой-либо способ добиться этого без использования CSS? (Интерфейс электронной почты не поддерживает CSS).
В конечном итоге это должно выглядеть так:

#10;

Высота строки для меня не сработала. У кого-нибудь есть какие-либо предложения, как добиться этого без CSS?

Комментарии:

1. вы пробовали «выравнивание текста по центру`?

2. Вы используете CSS в примере кода, который вы использовали в атрибуте style. Кроме того, вы имеете в виду горизонтальное выравнивание?

3. Этого можно добиться с помощью таблиц и атрибута v-align <TD>

Ответ №1:

Это может показаться нелогичным (для меня это так), но в подобных ситуациях вам всегда нужно применять стиль CSS:

 vertical-align: middle
 

по изображению, а не по тексту.

Вот так:

 a img {
 vertical-align: middle;
}
 

Рабочий пример:

 a {
 color: #191919;
 font-family: sans-serif;
}

a img {
 vertical-align: middle;
} 
 <p>
<a href="mailto: example@gmail.com">
<img src="img.png" />
example@gmail.com
</a>
</p> 

Ответ №2:

Попробуйте vertical-align: text-top;

Вот статья о свойстве vertical_align, если у вас есть еще какие-либо вопросы: https://www.w3schools.com/cssref/pr_pos_vertical-align.asp