Lo intenté utilizando un "span" y si reduce el background a solo el texto, pero se siguen viendo juntos el de abajo con el de arriba. También intenté crear un nuevo "span" con la parte del titulo que quedaba abajo, pero tampoco sirvió.
¿Que puedo hacer?
.back {
background-color: #AFA34F;
color: black;
margin-top: 50px;
margin-bottom: 50px;
}
#hh {
text-align: center;
font-size: 250%;
}
#Titulo {
width: 65%;
margin: 0px auto;
position: relative;
top: 380px;
}
<div id="Titulo">
<h1 id="hh"><span class="back">Este es un texto de prueba para mostrar<span class="back"><br>lo que obtengo con mi código</span></span></h1>
</div>