Centre d'aligner le “span” du texte à l'intérieur d'un div

J'ai un code HTML comme;

<div class="left">
<span class="panelTitleTxt">Title text</span>
</div>

Mon CSS est comme suit;

.left {
    background-color: #999999;
    height: 50px;
    width: 24.5%;
}
span.panelTitleTxt {
                display: block;
                width: 100%;
                height: 100%;
}

Maintenant, comment puis-je centre d'aligner la durée de texte à l'intérieur de la div? (À supposer que la "gauche" div après le % de conversion obtient un px de largeur de 100px)

J'ai essayé le niveau moyen de l'aide margin:auto, mais qui ne fonctionne pas.

Aussi je veux éviter d'utiliser text-align:center.

Est-il un autre moyen de corriger cela?

  • Pourquoi voulez-vous éviter "text-align:center" si vous ne me dérange pas de me poser la question?
  • Si vous voulez centrer la portée du texte, utilisez span {text-align:center;}. Si cela ne produit pas le résultat que vous voulez, vous allez avoir à expliquer pourquoi pour nous d'être en mesure de vous aider. (Sinon, nous avons juste à penser à ce que votre réelle exigences.)
  • Si c'est un titre, utilisez la balise appropriée (h1, h2, h31 h4, h5 ou h6), N'utilisez pas non sémantique <span>.
  • Dans le cas où quelqu'un veut utiliser style="vertical-align: middle;" ... il ne fonctionne que si vous l'appliquez à la DIV conteneur. En l'appliquant à la durée ne fait rien... au moins dans IE10.
InformationsquelleAutor testndtv | 2011-10-25