Aligner le contenu d'une div

Question

J'utilise le style css text-align pour aligner le contenu à l'intérieur d'un conteneur en HTML. Cela fonctionne bien lorsque le contenu est du texte ou que le navigateur est IE. Mais dans le cas contraire, cela ne fonctionne pas.

Comme son nom l'indique, il sert essentiellement à aligner le texte. La propriété align est obsolète depuis longtemps.

Existe-t-il un autre moyen d'aligner les contenus en html ?

Answer 1

Voici une technique que j'utilise et qui fonctionne bien :

<div>
    <div style="display: table-cell; width: 100%">&nbsp;</div>
    <div style="display: table-cell; white-space: nowrap;">Something Here</div>
</div>

Answer 2

Toutes les réponses parlent d'alignement horizontal.

Cette approche permet d'aligner verticalement plusieurs éléments de contenu :

<div style="display: flex; align-items: center; width: 200px; height: 140px; padding: 10px 40px; border: solid 1px black;">
    <div>
        <p>Paragraph #1</p>
        <p>Paragraph #2</p>
    </div>
</div>

Answer 3

Un autre exemple utilisant HTML et CSS :

<div style="width: Auto; margin: 0 auto;">Hello</div>