h3没有对齐到右边

Question

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

我有一个头球，不管我改变了什么，我都不能和右边对齐，我真的很困惑。我可以帮你解决这个问题。

如果你去events.php和ctrl+f上“查看其他事件”，你可以看到这个标题顽固地保持左对齐，当我通过google“检查元素”时，它说属性text-align: right是活动的，但没有区别。

正在应用的第一个样式表是这一个。。

和使用就在这里。的特定页面样式表im。

我真的被困住了，会很感激任何花时间看的人。下面您可以找到特定的<h3>样式，但我只能假设在我没有注意到的地方还有其他流行的样式。

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;