html - 为什么这个 span 标签不使用我指定的 CSS 类？

Question

我正在处理的这个自定义主题有一个 CSS 问题:http://www.asper-eritrea.com/

在网站的开头(标题幻灯片下方)有以下文本行:

ASPER
Associazione per la Tutela dei Diritti Umani del Popolo Eritreo
COORDINAMENTO ERITREA DEMOCRATICA

这些行由以下 HTML 显示:

<section id="presentazione">
    <div class="row">
        <div class="col-sm-12">
            <!--<h1 class="text-center"><small>Associazione per la Tutela dei Diritti Umani del Popolo Eritreo</small></h1>-->
            <!--<h1 class="text-center title">Associazione per la Tutela dei Diritti Umani del Popolo Eritreo</h1>-->
            <h1 class="text-center title">ASPER</h1>
            <h1 class="text-center leadTitle">Associazione per la Tutela dei Diritti Umani del Popolo Eritreo</h1> <!--<h1 class="text-center leadTitle">Association in Defense of the Human Rights of the Eritrean People</h1>-->
            <span class="text-center leadTitle"><a href="http://eritreademocratica.wordpress.com/" target="_blank">COORDINAMENTO ERITREA DEMOCRATICA</a></span>
        </div><!-- /.col-sm-12 -->
    </div><!-- /.row -->
</section><!-- /section presentazione -->

这是与所用类相关的 CSS 代码:

.text-center {
    text-align: center;
}

.leadTitle {
    font-size: 26px;
    font-weight: 200;
    line-height: 1.4;
    margin-bottom: 20px;
}

我也在第三行设置了这些类(COORDINAMENTO ERITREA DEMOCRATICA)，但是好像看不到，而且文字不在中心。

我错过了什么？

Answer 1

<span>是行内元素和属性 margin, text-align等不工作。您必须将标记更改为 <div>使用类 leadTitle 或在您的 css 文件中添加这一行

span.leadTitle{display:block;}