how to take out underline in css code example

Example 1: remove underline from link css

a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }

Example 2: remove underline in anchor tag

text-decoration:none;

Example 3: how to put a h1 tag with underline ::after

h1:after {
   background: none repeat scroll 0 0 #HEXCOLOR;
   bottom: -10px;
   content: "";
   display: block;
   height: 10px;
   position: relative;
   width: 100px;
}