How to use CSS to change font size (not font-size)?

Question

css

Essence of the question: when using a certain font, border-bottom fell

<div class="contacts_feadback">
                            <ul class="list header__feadback">
                                <li class="contacts__item"><a class="feadback" href="#">Заказать обратный звонок</a></li><li class="contacts__item">
                                    <a class="feadback" href="#">Написать сообщение</a></li>
                            </ul>
                            </div>

.feadback {
    color: #0055aa;
    font-size: 1.4em;
    border-bottom: 1px dotted #0055aa;
    text-decoration: none;}

, you need to raise it higher to the baseline of the font

Answer 1

Use the property line-height.

Answer 2

The size is the height of the font??

Answer 3

UPD 2: If you set the underline with a background image or a gradient, then you can control the shape, color and position of the underline. Examples - follow the links in the article " An alternative way to underline text " on Artyom Polikarpov's website.
UPD 1: Wrap the text inside the link in a span and lower it a bit.

.feadback span {
  position: relative;
  top: 2px;
}

<div class="contacts_feadback">
  <ul class="list header__feadback">
    <li class="contacts__item"><a class="feadback" href="#"><span>Заказать обратный звонок</span></a></li>
    <li class="contacts__item">
      <a class="feadback" href="#"><span>Написать сообщение</span></a></li>
  </ul>
</div>

https://jsfiddle.net/glebkema/vmrt8y2u/