centrare testo e pulsante

[foranangel]

Ciao,

ho scaricato dal sito di Facebook il codice per inserire nel sito il pulsante "mi piace"

<div id="fb-root"></div>    <script>(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/it_IT/sdk.js#xfbml=1&version=v2.0";    fjs.parentNode.insertBefore(js, fjs);    }(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="https://www.facebook.com/pages/xyz" data-layout="standard" data-action="like" data-show-faces="true" data-share="false"></div>

ho provato a inserire il seguente css per centralo nella pagina

.fb-like { text-align: center }

ma non funziona! rimane sempre allineato a destra.

come posso fare per centrare il tutto?

grazie
alessia

[Prill]

text-align:center serve per centrare un contenuto in linea all'interno di un elemento. Per centrare il div nella pagina o in un altro box ti occorrerà settare i margini destro e sinistro su auto

[foranangel]

Grazie per la risposta Prill!
quando scrivi "settare i margini destro e sinistro su auto" intendi questo?

.fb-like { margin-left: auto; margin-right: auto; }

perché non funziona! il testo rimane sempre allineato a destra.

[carlomarangoni]

Non basta settare i margini a auto occorre anche che .fb-like abbia una dimensione, esempio:

.fb-like {
width: 300px;
margin: 0 auto;
}

Questo centra il box. Natoralmente la misura 300 è ipotetica metti tu la larghezza che vuoi

[foranangel]

Ciao Carlo!

grazie per il tuo suggerimento, purtroppo l'allineamento rimane sempre a destra!

[carlomarangoni]

Allora bisogna che ci fai vedere tutta la pagina compreso il css altrimenti non si capisce dove sta l'errore

[carlomarangoni]

Ci sono errori nel div container in tre tag section, questi errori di chiusura e sintassi possono influenzare il corretto settaggio del tuo div da centrare.
Inoltre ci sono ben tre o quattro fogli di stile che possono avere dei conflitti, io non ti posso dire se si se no perchè troppi e troppo il tempo per scaricarli e testarli. Comunque se tu metti il codice che ti ho passato sopra nella classe fb-like un qualche effetto dovrebbe dartelo

[foranangel]

Grazie Carlo!