Centre HTML Widget

Question

Salut J'ai le code suivant d'une barre de médias sociaux:

<span class='st_sharethis_hcount' displayText='ShareThis'></span> 
<span class='st_facebook_hcount' displayText='Facebook'></span> 
<span class='st_twitter_hcount' displayText='Tweet'></span> 
<span class='st_linkedin_hcount' displayText='LinkedIn'></span> 
<span class='st_pinterest_hcount' displayText='Pinterest'></span> 
<span class='st_email_hcount' displayText='Email'></span> 

Je veux l'espace approprié et horizontal pour aligner ces barres sociales. Ces barres doivent être positionnées au centre de ma fenêtre.

Quelqu'un peut-il m'aider s'il vous plaît?

Answer 1

faire à divs arround, le premier a une largeur: 100% et la position: absolue. le secvomd à l'intérieur et autour de toutes les envergures a la largeur: 300px (ou autant que nécessaire et marge: 10px automatique; le 10px est haut et bas automatique est pour gauche et droite.Vous pouvez également essayer marge: 10px automatique 20px automatique; ce qui se passe

Answer 2

vous avez d'ajouter un emballage à lui laisser dire que vous devriez avoir.

<div id="social-bar"> 
    <span class='st_sharethis_hcount' displayText='ShareThis'></span> 
    <span class='st_facebook_hcount' displayText='Facebook'></span> 
    <span class='st_twitter_hcount' displayText='Tweet'></span> 
    <span class='st_linkedin_hcount' displayText='LinkedIn'></span> 
    <span class='st_pinterest_hcount' displayText='Pinterest'></span> 
    <span class='st_email_hcount' displayText='Email'></span> 
</div> 

de vous pourriez y faire un style CSS comme ceci:

#social-bar { 
    width: 960px; 
    margin: 0 auto; 
    text-align: center; /* to enforce its child elements to the center */ 
} 

#social-bar span { 
    padding-right: 20px; 
}