create an underline after h1 using css code example

Example: 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;
}