Hi,

I want to use font awesome in a text field and have the icon aligned with the text:

My code:

[email protected] <i class="fas fa-envelope-open"></i>

The Result: See attachment Screenshot_1.png

This is how I finally made it work:

<div>
  <span class="my-text">+123456789    </span>
  <span class="fas fa-mobile-alt fa-2x" style=" vertical-align: middle;"></span>
</div>
<div>
  <span class="my-text">[email protected]  </span>
  <span class="fas fa-envelope-open fa-2x" style=" vertical-align: middle;"></span>
</div>

Result: See attachment Screenshot_2.png

It is similar to what I wanted but it is not really adjustable and inserting icons like that is a bit tedious.

How can I achieve this rather simple layout?

Text  [Icon]
Text  [Icon]

Thanks in advance