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

authentication - Mongodb revoke acccess to connect test database -

ios - Realm over CoreData should I use NSFetchedResultController or a Dictionary? -

r - Update two sets of radiobuttons reactively - shiny -