Ansicht Share-Buttons Ausrichtung

[amatoris]

Vielleicht könnt ihr mir helfen:

Ich schaffe es einfach nicht, die Share-Buttons ordentlich in eine Reihe zu bekommen.

Was habe ich gemacht?
Alle in einen div gepackt.

<div id="productInfoShare"><p style="font-size:15px; font-weight: bold;" ><?php echo SOCIAL_MEDIA_SHOW_FRRIENDS ?></p>
<!--bof Facebook Like Button-->
<?php 
  if (FACEBOOK_LIKE_BUTTON_STATUS == 'true' && $_SERVER['https'] != 'on') {
    require($template->get_template_dir('tpl_modules_facebook_like_button.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_facebook_like_button.php'); 
  }
?>
<!--eof Facebook Like Button-->
<!-- Google +1 Button BEGIN -->
<?php 
  if (GOOGLE_PLUS_ONE_ENABLED == 'true') {
    require($template->get_template_dir('tpl_modules_google_plus_one.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_google_plus_one.php'); 
  }
?>
<!-- Google +1 Button END -->
<!-- Pin It Button BEGIN -->
<?php
  if (PINTEREST_BUTTON_STATUS == 'true') { 
    require($template->get_template_dir('/tpl_modules_pin_it_button.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_pin_it_button.php');
  } 
?>
<!-- Pin It Button END -->
</div>

#productInfoShare{	width: 450px;
	height: 200px;
	bottom: 0px;
	position: absolute;
	text-align: center;
	}

Das sieht jetzt so aus.

vorher hatte ich den Pinterest-Button davor, aber der verursacht einen Zeilenumbruch, auch wenn ich in der tpl........ den div raus nehme.

#Facebook (120px) bekomme ich nun nicht größer und #googlePlusOneButton (106px) nicht kleiner. Die Lücke zwischen Google+ und PinIt stört mich aber gewaltig.

Ich weiß nicht weiter. :(