使宽度只有它需要的大

Question

似乎CSS默认为100％，但我希望它只需要包含填充所需的宽度：

http://jsfiddle.net/Bqebp/

.circle {
    border-radius: 50%;
    background: pink;
    padding: 10px;
    text-align: center;
    /* width and height can be anything, as long as they're equal */
}

我如何实现这一目标？

Answer 1

在css中添加float:left或display:inline-block;

Answer 2

这是您的http://jsfiddle.net/Bqebp/1/

只需在您的css

中添加display:inline-block;即可