#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).
В конечном итоге это должно выглядеть так:
Высота строки для меня не сработала. У кого-нибудь есть какие-либо предложения, как добиться этого без 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