適當的文本填充

Question

我嘗試使用填充：10px到this example但它使div移動到左側。你可能想到的任何解決方案

Answer 1

這是因爲寬度不包括您可能在元素上的任何填充或邊距。您需要從總寬度大小中減去40像素以保持其大小相同。

試試這個：

.promo { 
    color:#5f5f5f; 
    width:240px; 
    height:74px; 
    background:url('http://i27.lulzimg.com/e1de57065d.png') no-repeat; 
    float:right; 
    display:block; 
    margin-top:20px; 
    padding: 20px; 
} 

http://jsfiddle.net/animuson/NncNE/3/

編輯：如果你願意，你可以使用padding: 15px 20px，我認爲它看起來更好，這是更好地爲中心。