Question

我的css在mo'有点混乱，问题区域有2个样式表应用。

我有一个标题，无论我改变什么，我都无法与右边对齐，我真的很难过。我可以帮助解决问题。

如果您要转到http://c3it.webuda.com/news_and_events.php并按ctrl + f获取“查看其他事件”，您可以看到有问题的标题固执地保持左对齐，当我“检查元素时“通过谷歌浏览器，它表示属性text-align: right处于活动状态，但没有区别。

正在应用的第一个样式表是this one.

使用is here.

的页面特定样式表

我真的很困难，非常感谢任何花时间去看的人。下面你会找到具体的<h3>样式，但我只能假设还有其他一些样式在我没注意到的地方流行。

The Html

 <h3 id="expand_other_events">See other events..</h3>

来自样式表1的

：

#content h1, #content h2, #content h3{
        color: #2956B2;
        text-align: left;
        font-weight: normal;
        font-family: "Ropa Sans", MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
    }
 #content h3{
        padding: 0.3em 0;
        margin-left: 1.2em;
        display: inline;
        cursor: hand;
        cursor: pointer;
        font: bold 1em 'Rokkitt', serif;
        border-bottom: 1px solid #2956B2;

    }

来自样式表2的

：

#news_and_events h3{
    margin: 0;
    padding:0;
}
#news_and_events  p.date,
#news_and_events h3{
    text-align: right;
    font-size: 0.8em;
    color:#aaa;
}

Answer 1

这是因为h3只有它显示的宽度，因此右/左对齐的文本仍然填充相同的边界。

为它添加一个float:right;，它会一直向右移动，我猜你想要它。

Answer 2

你设置了display: inline，因此它不会跨越该div的整个宽度。它是右对齐的，但h3只与文本一样宽。

Answer 3

您已将h3设置为内联，您需要将其更改为：

display:block;

h3没有与右边对齐

3 个答案: