Как это?
Добавить класс centered
в тег <i>
Извините за плохое написание, мне не с чем было работать.
Выполнить фрагмент кода
p {
display: flex;
justify-content: space-between;
position: relative;
}
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<div>
<p>some text <i class="centered fas fa-arrows-alt-h"></i> some more text</p>
<p> text <i class="centered fas fa-arrows-alt-h"></i> more text</p>
<p> bardun <i class="centered fas fa-arrows-alt-h"></i> guyline</p>
<p> ball <i class="centered fas fa-arrows-alt-h"></i> campfire</p>
<p> knob <i class="centered fas fa-arrows-alt-h"></i> knot</p>
<p> leder <i class="centered fas fa-arrows-alt-h"></i> scot Leader</p>
<p> lejsss <i class="centered fas fa-arrows-alt-h"></i> campsite</p>
</div>
Это - большая вещь сделать. Для доступности, для SEO, для стандартов, для хорошего сетевого этикета.
можно хотеть сделать их немного более описательными хотя: заголовок = "Результаты Ваших Поисковых" или "Результатов Теста № 2"
От эта статья :
атрибут ЗАГОЛОВКА полезен в местах, где Ваш дизайн HTML ограничивает длину Вашего текста ссылки.
Это часто имеет место для ссылок в панели навигации, особенно если Ваша страница имеет многостолбцовое расположение.
Попытка с помощью атрибута ЗАГОЛОВКА, чтобы дать посетителям дополнительную информацию о навигации.
была некоторая озабоченность по поводу поддержка этой функции в первые годы (1998!), но это - теперь отличный способ укрепить так называемое информационный аромат
Выезд H33: Добавление текста ссылки с атрибутом заголовка .
Это хорошо сделать ради более семантически значимого документа и потенциально добавляет значение SEO, но различные браузеры имеют разные уровни поддержки его.
Да, очень важный для пользователей Вашего сайта с помощью вспомогательных технологий как screenreaders.
Также помогает, хотите ли Вы быть более подробными, и у Вас нет большого количества пространства для реального текста ссылки.
Кроме того, для добавления к другим ответам если Вы делаете какое-либо автоматизированное тестирование, хорошо иметь как можно больше атрибутов, чтобы быть в состоянии определить различные виджеты.