Qual è il modo migliore per centrare un elemento HTML all'interno del suo elemento contenente?

Question

Diciamo che avete il seguente pezzo di codice:

<div id="container">
  <someelement>This is any element.</someelement>
</div>

Qual è il miglior CSS potrei usare per orizzontalmente center "someelement" all'interno del suo div contenitore?

Answer 1

se il vostro <someelement> è un elemento inline (cioè il default display: inline) applicare text-align: center per il suo contenitore. Se <someelement> è un insieme elemento di blocco a sinistra e margine destro per auto e ricordarsi di impostare la larghezza (elementi di blocco predefinito per prendere tutto lo spazio orizzontale disponibile a meno che la larghezza è dichiarato esplicitamente). Potrebbe essere necessario utilizzare entrambi i metodi, se si desidera farlo funzionare in IE 5.5 e al di sotto anche.

Answer 2

JaredPar ha l'idea giusta, ma ecco un modo pulito di fare quello che state cercando;)

#container {
    text-align: center;
}

#container someelement {
    margin: 0 auto;
    text-align: left;
}

Answer 3

Prova

<someelement style="margin-left:auto;margin-right:auto">This is any element</someelement>