Problemas para alinear botones sociales a enlaces en barra horizontal

arbitre dijo:

Buenas, a ver si me podéis echar una mano. Estoy creando una barra horizontal con enlaces a la izquierda y botones sociales a la derecha. El problema es que los botones sociales se me bajan a la línea de abajo y no se como subirlos para que se quede en la misma línea que los enlaces. Os copio el código html:

Insertar CODE, HTML o PHP:

<div id="barra">
	<div id="enlaces">
 <a href="#">Enlace1</a>
 <a href="#">Enlace2</a>
 <a href="#">Enlace3</a>
</div>
 
	<div id="social">
	<div id="fb-root"></div><script facebook"></fb:like>
	</div>
</div>

Os pego ahora el código css:

Insertar CODE, HTML o PHP:

div#enlaces {
  background: [B]Enlace eliminado[/B]
  padding: 6px;
  padding-left: 200px;
 
  
}
div#enlaces>a {
  color: [B]Enlace eliminado[/B]
  text-decoration: none;
  display: table-cell;
  padding: .4em 12px .4em 12px;
  
}
div#enlaces>a:hover {
  opacity: .7;
  -moz-opacity: .7;
  filter: alpha(opacity=70);
}
div#enlaces>a:last-child {
  border: 0px solid;
  
}

/* SOCIAL
******************/
div#social {
padding-left: 700px;

}

Es la primera vez que programa en css, se agradece la ayuda 😉

Hacer clic para expandir...

float: left;

float: right;