On the right hand side I have a sidebar with a title of "Invite Your Friends" under that I have my social media buttons. I am trying to get the Google Plus button to sit to the right of the Facebook button so that they are both directly on top of the twitter button. I see this set up on a lot of website. Any help with this would be great!
take with a grain of salt. from what I can tell the facebook button is some kind of iframe element with an inline styling width of 300, you need to set the width of that element to about 80px, then it will fall into place to the right of the google plus button (which i guess isn't exactly what you asked for, is it?) so if you could put that element before the google plus one in the html flow and then set it's width to 80 instead of 300, that should do it. hope this gives you some ideas if nothing else.
http://schill.squarespace.com/
from what I can tell the facebook button is some kind of iframe element with an inline styling width of 300, you need to set the width of that element to about 80px, then it will fall into place to the right of the google plus button (which i guess isn't exactly what you asked for, is it?) so if you could put that element before the google plus one in the html flow and then set it's width to 80 instead of 300, that should do it. hope this gives you some ideas if nothing else.