En una mezcla de ambas respuestas te sugiero lo siguiente, si lo que quieres es que el título h1 se coloque solo en negro de fondo, pero que cubra solo el texto y no el bloque entero, sería algo así:
body{ text-align: center }
.titulo{
background: black;
color: white;
font-size: 18px;
font-family: arial;
}
.dos{ display: inline-block; }
<h1 class="titulo uno">
Esto es solo un ejemplo sin el inline-block
</h1>
<h1 class="titulo dos">
Esto es solo un ejemplo con el inline-block
</h1>
Si quieres que solo dentro del título, solo un texto se subraye de color negro, entonces deberás encerrar esa palabra en una etiqueta inline, por ejemplo: span.
body{ text-align: center }
.titulo{
background: black;
color: white;
font-size: 18px;
font-family: arial;
}
.dos{ display: inline-block; }
.titulo span{ background: red; color: white;}
.tres { background: initial; color: initial;}
.tres span{ background: black; }
<h1 class="titulo uno">
Ejemplo sin el inline-block, <span>con texto resaltado</span>
</h1>
<h1 class="titulo dos">
Ejemplo con el inline-block, con <span>texto resaltado</span>
</h1>
<h1 class="titulo tres">
Ejemplo con solo <span>texto resaltado</span>
</h1>