我有一个 h2 作为容器 div 中的唯一项目。我设法让它与容器底部对齐,使用容器上的 position:relative 和 h2 上的 position: absolute / bottom:0 。但是,我无法让 h2 文本与容器 div 的右侧对齐。
HTML:
<div id="section"><h2>About Us</h2></div
CSS:
#section {
width:277px;
height:89px;
position:relative;
background-image:url(../img/sect-title-bg.png);
background-repeat:repeat-x;
margin:-12px 0px 0px 0px;
}
#section h2 {
text-align:right;
margin:0;
position:absolute;
bottom:0px;
}
链接:http ://www.distributionaccess.com/new/stempath/about.html
我在 h2 上尝试了 display:inline-block,但没有结果。
也许有更好的方法来处理整个“将 h2 与其容器 div 的右下角对齐”的事情,这就是我在这里所做的一般。我正在寻求解决方案/建议!