Como colocar linha!

Front-end
#1

como fazer para colocar uma linha de baixo de uma palavra igual a essa?47%20PM

#2

Sem mais detalhes do objetivo, o que posso sugerir é usar text-decoration: underline. Veja um exemplo neste link: https://jsfiddle.net/vp8w1t04/

Abraço.

#3

Este é um outro jeito de fazer:

<span>Um texto qualquer</span>
<style>
  span {
    display: inline-block;
  }

  span:after {
    content: '';
    width: 30px;
    display: block;
    margin: 5px auto 0;
    border-bottom: 3px solid orange;
  }
</style>

No exemplo acima vc controla a espessura do traço através do border-bottom, a largura através do width normalmente e a distancia do texto acima através da margem superior.