CSS文字居中對齊和背景顏色

的任務看起來簡單，但我只是不能想出辦法來......

即

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

我有一個div，裏面有一些文字，我想居中對齊該文字，並使背景停留在文字背後。

做顯示：內聯使得背景只停留在文本之後，但是文本不再居中對齊。

嘗試所有顯示屬性的CSS，但沒有運氣diddnt工作。

現在一直使用Google搜索20分鐘，但我猜我不知道要搜索什麼。

任何幫助將不勝感激。謝謝。

2012-07-06 Ahmed-Anas

嘗試顯示：inline-block; – SVS 2012-07-06 11:58:31

檢查到這個http://tinkerbin.com/HpwFpof7 – 2012-07-06 11:58:37

wht ru發送mr azad ...... – 2012-07-06 12:00:02

看一看這樣的：

HTML：

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

CSS：

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

span { 
    background: lime; 
}

活生生的例子：JsFiddle

2012-07-06 11:59:22 Bazzz

只比我快幾秒 – menislici 2012-07-06 12:01:08

:) ..亞，但謝謝..這讓它工作。 – 2012-07-06 12:02:42

不客氣:) – Bazzz 2012-07-06 12:03:38

爲什麼不span標籤添加到文本中div和風格嗎？

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

而CSS

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

2012-07-06 11:59:57 menislici

偉大的思想家都認爲 – Bazzz 2012-07-06 12:01:14

請我希望這會幫助你，我試圖按照您的要求，使..

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

2012-07-06 12:02:10

回答