HTML - Sobre texto en etiqueta span

Hola, les queria pedir su ayuda!
recien descubri que la estructura para colocar un logo en el header es de la forma como la que esta en la imagen 1, dicho esto quiero comentarles que mi problema es que no puedo quitar la letra D en negrita (imagen 2). probe con text-indent pero me corre la letra y el logo. Hasta ahora solo me funciona dandole color: transparent a la letra pero yo quiero quitarla de ahi. ayuda please! Ah, otra pregunta. Porque a los h1 se los encierra con un class y no con un id??

Saludos,

si la letra es escrita tipográfica como fuente, la quitas y listo. Si la letra es ó forma parte de la imagen, tienes que editar la imagen, darle el color del fondo, etc. para no complicarte en exceso.

En referencia a los ID ó Class, depende de los elementos individuales y de los elementos que requieran tener el mismo tamaño, margen, posición, color, etc. En tal caso, se utiliza una Class común para todos ellos.

Espero sea útil.