html - How put some horizontal offset to an element bottom border with CSS? -


i use bottom-border on a element, , want add horizontal offset border.

what have now:

link cool name ------------------- 

what want:

link cool name    ---------------- 

how can archive this? using a element.

a pseudo-element ideal here can styled in fashion want, color, width & height...even position below link text.

a {    position: relative;    text-decoration: none;  }  a::after {    content: "";    position: absolute;    top: 100%;    right: 0;    width: 75%;    height: 2px;    background: orange;  }
<a href="#">long stretch of text</a>


Comments

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

javascript - Get parameter of GET request -