用CSS定居文本

Question

我正在使用模板将文本插入到课程<span class="span4 offset4">中。
在CSS中，我使用了text-align: centre;，但是文本没有居中。
它被推到了左侧div。我可以看到这个，因为当我把文本放入其中时，我也会对div的背景进行着色。
我甚至试图将信息包裹在<p>标签中，但它不是做任何事情。

你能告诉我我做错了什么吗？

<p>{{= message }}</p>

HTML

<div class="row">
  <span class="span4 offset4"></span>
</div> 

CSS

.span4.offset4
{    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
    min-height: 25px;
    text-align: centre;     
}

Answer 1

它是center，而不是centre。此外，display: inline元素不适用于text-align。制作范围display: block或其他内容。

Answer 2

将text-align:center提供给行类内的父div。

Answer 3

尝试将这些行添加到css

//to define size of div
.row
{
width:30%;
}

然后将这些行添加到.span4.offset4

margin:auto auto;