CSS subrayado menos que el ancho del título? [duplicar]

Esta pregunta ya tiene una respuesta aquí:

¿Longitud del borde menor que el ancho div? 11 respuestas

¿Es posible con CSS hacer que el subrayado de un título sea menos ancho que el texto del título? Tengo el siguiente estilo para un título H1:

h1 {
  font-weight: 300;
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px #d2202f solid;
}

Esto produce un fino subrayado rojo debajo de mis titulares H1. Sin embargo, ¿es posible hacer que el subrayado sea el 50% del texto en el título?

Respuestas a la pregunta(2)

Su respuesta a la pregunta