Tres <div> que actúen como un solo enlace.

[jonni09lo]

Si te fijas ya le estas dando un identificador a el a por ello el código quedaría de la siguiente manera:

Código CSS:

#footer_logo {
 
text-indent:-9999px;
margin-right:22px;
width:111px;
height:45px;
 
 
}
 
#footer_logo {
    display:inline-block;
    width:300px; 
    
}
 
#footer_logo span {
 
    display:block;
 
}
 
#footer_logo_first{
 font-size:40px;
 
}
#footer_logo_center{
 
  font-size:20px;
  padding-bottom: 0px;
  padding-top: 0px;
  
}
 

Pero lo que creo es que tu estructura deberia ser asi:

Código HTML:

<div id="footer_logo">
<a href="index.html">
            
<span id="footer_logo_first">
Hola
</span>
                    
<span id="footer_logo_center">
Como
</span>
                    
<span id="footer_logo_first">
Estas
</span>
</a>
</div>
 

De esta manera el código original que publicaste debería funcionar

Saludos