CODEWITHSUNDEEP
htmlcsshyperlink
Ron
Ron

Reputation: 105

Is there a way to add more space between the link text and the line of the link?

Is there a way for me to add more space between the text of the link and the link that shows up below it. Is this possible in anyway?

Currently I have only found ways to remove the link or change the color of the link but can I space it out?

enter image description here

So for example, in the above link, is their a way to add a larger gap (space) between the text (- Nelson Mandela) and the line?

HTML code:

<a href = "#" id = "link"></a>

Upvotes: 1

Views: 641

Answers (1)

Gaurav Aggarwal
Gaurav Aggarwal

Reputation: 10177

Use bottom border instead of default bottom line with padding.

a{
  padding: 0 10px;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
<a href = "#" id = "link">saas</a>

Upvotes: 3

Related Questions