Cómo ordenar los iconos sociales horizontalmente usando CSS

Willy · 17 Dic 2012

Hola amigos,

Me gustaría saber cómo puedo editar el siguiente código CSS para que los botones de la red social aparezcan ordenados de forma horizontal, y no vertical que es como me aparece cuando edito cada uno de forma individual. Dado que en el ejemplo del efecto Rollover muestra solo cómo hacerlo para un sólo icono. Aquí muestro una imagen de cómo quiero organizar los 3 iconos:

iconos en horizontal

El código para llamar al icono:

Insertar CODE, HTML o PHP:

<html>
<a href="mi URL facebook" class="boton-facebook"></a>
</html>

El CSS completo:

Insertar CODE, HTML o PHP:

a.boton-facebook{
    display:block;
     width: 50px;
     height: 50px;
     background-image:url(facebook-gris.png); 
}
a.boton-facebook:hover{
    display:block;
     width: 50px;
     height: 50px;
     background-image:url(facebook.png); 
}

Con mi agradecimiento anticipado ...

Un abrazo, y buen año 2013!

Cómo ordenar los iconos sociales horizontalmente usando CSS

Willy