Подчеркивание текста

* { 
  margin: 0; 
  padding: 0; 
} 
 
p { 
  text-transform: uppercase; 
  display: inline-block; 
  font-weight: 900; 
  text-align: left; 
  color: orange; 
} 
 
i { 
  display: inline-block; 
  font-style: normal; 
  text-decoration: underline; 
  font-size: 90%; 
  margin-left: -4px; 
  margin-top: 1px; 
  vertical-align: top; 
  color: black; 
}

<p>snc <i>group</i></p>

h1 { 
  margin: 0; 
} 
 
h1 u { 
  text-decoration: none; 
  position: relative; 
} 
 
h1 u:after { 
  content: ''; 
  position: absolute; 
  left: 0; 
  bottom: 4px; 
  width: 100%; 
  height: 3px; 
  background: #000; 
}

<h1>ТЕКСТ<u>ТЕКСТ</u></h1>