CSS宽度限制

Question

如何让h3标签看起来像这样？

我尝试应用宽度和最大宽度css规则（例如宽度：120px;或150px），但这些单词彼此相邻。

有什么建议吗？

Answer 1

其中一种方法：

h3{
 text-transform:uppercase;
 background:green;
 color:white;   
 float:left;
 text-align:center;
 width:100px;
}​

http://jsfiddle.net/fgu6W/

我想这里有很多。

Answer 2

<h3> SELL <br> ANYWHERE </h3>

Answer 3

<h3 style="text-align:center;">
SELL
<br>
ANYWHERE
</h3>

Answer 4

使用text-align:center结合固定宽度：http://jsfiddle.net/wQUyR/

h3 {
    background:blue;
    display:block;
    width:70px;
    text-align:center;
}​

Answer 5

像这样：

<h3 style="width:120px;text-align:center;text-transform:uppercase;">Sell Anywhere</h3>

没有内联样式：

<h3 class="sell-anywhere">Sell Anywhere</h3>

h3.sell-anywhere
{
   width: 120px;
   text-alignment:center;
   text-transform:uppercase;
}