How to make a line below text without text-decoration: underline?

Question

I need to add a line below the text, without text-decoration: underline; otherwise how to make a custom space between text and line.

What we do

Answer 1

You can use Border-Bottom with some Padding-Bottom.

a {
border-bottom: 1px solid black;
padding-bottom: 5px;
}

<a>Example Text</a>

Also you can use pseudo element, use after or before to add a line under the text or anything else.

a::after {
 display: block;
   content: '';
  width: 100%;
  height: 1px;
  background: black;
  position: absolute;
  bottom: 0;
  left: 0;
}

a {
position: relative;  
}

<a>Example Text</a>

Answer 2

border-bottom:

span{
  border-bottom:1px solid #000;
}

<span>What we do</span>