How to get the border-bottom closer to the text?

Question

I want to use a border-bottom line for links (not text-decoration underline). But I need to get the line closer to the text. Negative padding isn\'t possib

Answer 1

If you set the links to display:inline-block;, you will be able to set a smaller line-height (smaller than 1) and move the bottom border closer to the text :

a {
  color: #245fc1;
  display: inline-block;
  line-height: 0.7em;
  position: relative;
  border-bottom: 1px solid #245fc1;
  padding-bottom: 0px;
  text-decoration: none;
}

I want the underline to be closer to the text
because if I write in second line the bottom line from above is too close. 
using text-decoration: underline is not an option for me!