Aligner horizontalement un élément audio html5 dans un div

J'ai eu ce simple div:

#div-2 {
    margin-left: auto;
    margin-right: auto;
}

et d'un élément audio html5 dans le corps de ma page:

<div ID="div-2">
        <audio id="a1" src="../../audio/sound_files/mystuff.ogg"></audio>
</div>

Je voudrais l'élément audio (qui est, les commandes audio affiché à l'utilisateur) pour être centrée horizontalement dans le div. Veuillez noter que je ne peux pas spécifier un attribut width pour les contrôles audio ou les éléments audio (j'ai essayé, n'a rien fait), et en règle générale je ne connais pas les commandes audio largeur (en pixels) entre les navigateurs (donc je ne peux pas régler la largeur de l'attribut dans la div).

Est-il un moyen de le faire en CSS ou, alternativement, en Javascript? Ce serait un bonus si quelqu'un pouvait me pointer à une ressource sur le web.

"Je voudrais que l'élément audio (qui est, les commandes audio affiché à l'utilisateur) pour être centrée horizontalement dans le div" est-il autre contenu dans la div (vous n'avez pas montré ici). Si non, alors la div ne sera pas plus large que l'élément audio, de sorte qu'il serait "centré" peu importe comment vous essayez de l'aligner à l'intérieur de la div.
Simplement #div-2 { text-align: center } fonctionne dans Chrome. N'ai pas testé n'importe où ailleurs.

OriginalL'auteur janesconference | 2011-03-08

  1. 9
    #div-2 {
    display: table;
    margin: 0 auto;
}

    Aussi, si vous utilisez le navigateur commandes audio puis n'oubliez pas d'ajouter controls de la balise: 

    <audio id="a1" src="../../audio/sound_files/mystuff.ogg" controls></audio>
    Merci! Il fonctionne parfaitement (et, oui, j'avais des "contrôles", mais j'ai omis dans le premier post).

    OriginalL'auteur Quiche_on_a_leash

  2. 0
    <div align="center" id="player">
<audio controls>
<source src="name.mp3" type="audio/mpeg">
Unsupported browser!
</audio>
</div>

    OriginalL'auteur noob