texte css centre d'alignement et couleur de fond

Question

hey gars a été en espérant que vous pourriez me aider ..

La tâche semble simple figure, mais je ne peux pas juste sortir ...

-à-dire

<div style="text-align: center;background-color: rgb(150, 161, 255); " id="clock"> 
     asd 
</div> 

J'ai une div avec un peu de texte, et je veux centrer ce texte et faire en sorte qu'il ne reste que derrière le texte. Affichage: inline rend l'arrière-plan uniquement derrière le texte, mais le texte n'est plus alloué au centre.

essayé toutes les propriétés d'affichage de CSS mais pas de chance diddnt travail.

été googling pour comme 20 minutes maintenant mais je suppose que je ne sais pas quoi chercher.

toute aide serait appréciée. Merci.

Answer 1

Jetez un oeil à ceci:

HTML:

<div> 
    <span> 
     my text 
    </span> 
</div> 

CSS:

div { 
    background: red; 
    text-align: center; 
} 

span { 
    background: lime; 
} 

Un exemple concret: JsFiddle

Answer 2

Pourquoi ne pas ajouter une balise span au texte à l'intérieur la div et le style?

<div style="text-align: center; " id="clock"> 
    <span>asd<span> 
</div>​ 

Et le css

#clock span{ 
background-color: rgb(150, 161, 255); 
}​ 

Example

Answer 3

s'il vous plaît vérifier que j'espère que cela vous aidera i essayé de faire selon vos besoins ..

<div style="text-align: center;background-color: rgb(150, 161, 255); display:table; margin:auto; " id="clock"> 
      asd 
    </div> 

démo: - http://tinkerbin.com/L8AOfd5P