como modificar css

[emprear]

amigo, lo que mostrás es el php, este genera un html, pero el css brilla por su ausencia. Además es bastante caótico

probá lo siguiente

sacá toda esta tabla

Código HTML:

<table width="100%" border="0" cellspacing="10" cellpadding="0">
    <tr>
      <td width="100%">
                <!-- Social sharing --><div class="itemSocialSharing">
                <!-- Twitter Button -->
        <div class="itemTwitterButton">
            <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="floresalud">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
 
        </div>
        &nbsp;&nbsp;
              
                <!-- Facebook Button -->
        <div class="itemFacebookButton">
            <div id="fb-root"></div>
            <script type="text/javascript">
                (function(d, s, id) {
                  var js, fjs = d.getElementsByTagName(s)[0];
                  if (d.getElementById(id)) {return;}
                  js = d.createElement(s); js.id = id;
                  js.src = "//connect.facebook.net/en_US/all.js#appId=177111755694317&xfbml=1";
                  fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));
            </script>
            <div class="fb-like" data-send="false" data-width="200" data-show-faces="true"></div>
        </div>
 
        &nbsp;&nbsp;
        
              <!-- Google +1 Button -->
        <div class="itemGooglePlusOneButton">   
            <g:plusone annotation="inline" width="120"></g:plusone>
            <script type="text/javascript">
              (function() {
                window.___gcfg = {lang: 'en'}; // Define button default language here
                var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                po.src = 'https://apis.google.com/js/plusone.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
              })();
            </script>
        </div>
                                
        <div class="clr"></div>
    </div>
        </td>
 
      </tr>
</table>
 

y reemplazala por esto

Código HTML:

<div style="clear:both;"></div>
<div class="redes">
    
<div class="itemTwitterButton">
código twitter
</div>
<div class="itemFacebookButton">
código facebook
</div>
<div class="itemGooglePlusOneButton">   
código goolge +
</div>
</div>
<div style="clear:both;"></div>
 

dónde dice "codigo ..." insertá el código para generar los botones de cada red

y finalmente en tu css agregá

Código CSS:

.itemTwitterButton, .itemFacebookButton, .itemGooglePlusOneButton{
float: left;
margin-right: 5px;
border: solid 1px #666;
}
 

el borde se lo podés quitar, lo puse para que lo visualices mejor.

Saludos