html - 适当的文本填充

Question

我尝试使用 padding: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，我觉得这样看起来更好，也更居中。