Html 如何在容器底部对齐文章发布日期

基本上我需要文章发布日期（2016年1月9日）在容器的底部放置或对齐。现在日期正好位于文本下方，但我需要它放在容器底部。我的网站是watchathletics.com

.headline\u容器{
宽度：334px；
高度：80px；
位置：相对位置；
利润率：8px0；
-moz边界半径：1px；
边界半径：1px；
边框：1px实心#e6；
-莫兹盒阴影：0 2px2p6；
-webkit盒阴影：0 2px 2px#e6；
盒影：0 2px 2px#e6；
背景：#fff；
}
.头条图片{
宽度：90px；
高度：60px；
边缘顶部：6px；
左边距：6px；
-moz边界半径：1px；
边界半径：1px；
边框：1px实心#ffffff；
-莫兹盒阴影：0 2px2p6；
-webkit盒阴影：0 2px 2px#e6；
盒影：0 2px 2px#e6；
} 
.标题(文本){
位置：相对位置；
左：111px；
顶部：-63px；
宽度：220px；
高度：60px；
字体大小：13px；
}
.headline_text a{
字体大小：14px；
}
.最新发布日期{
字体大小：粗体；
字体大小：11px；
}

&公牛
2016年1月9日

您可以

绝对

定位元素

在本例中，我只是将其放置在右下角：

.headline\u容器{
宽度：334px；
高度：80px；
位置：相对位置；
利润率：8px0；
-moz边界半径：1px；
边界半径：1px；
边框：1px实心#e6；
-莫兹盒阴影：0 2px2p6；
-webkit盒阴影：0 2px 2px#e6；
盒影：0 2px 2px#e6；
背景：#fff；
}
.头条图片{
宽度：90px；
高度：60px；
边缘顶部：6px；
左边距：6px；
-moz边界半径：1px；
边界半径：1px；
边框：1px实心#ffffff；
-莫兹盒阴影：0 2px2p6；
-webkit盒阴影：0 2px 2px#e6；
盒影：0 2px 2px#e6；
} 
.标题(文本){
位置：相对位置；
左：111px；
顶部：-63px；
宽度：220px；
高度：60px；
字体大小：13px；
}
.headline_text a{
字体大小：14px；
}
.最新发布日期{
字体大小：粗体；
字体大小：11px；
位置：绝对位置；
底部：0；
右：0；
}

&公牛
2016年1月9日

您可以

绝对

定位元素

在本例中，我只是将其放置在右下角：

.headline\u容器{
宽度：334px；
高度：80px；
位置：相对位置；
利润率：8px0；
-moz边界半径：1px；
边界半径：1px；
边框：1px实心#e6；
-莫兹盒阴影：0 2px2p6；
-webkit盒阴影：0 2px 2px#e6；
盒影：0 2px 2px#e6；
背景：#fff；
}
.头条图片{
宽度：90px；
高度：60px；
边缘顶部：6px；
左边距：6px；
-moz边界半径：1px；
边界半径：1px；
边框：1px实心#ffffff；
-莫兹盒阴影：0 2px2p6；
-webkit盒阴影：0 2px 2px#e6；
盒影：0 2px 2px#e6；
} 
.标题(文本){
位置：相对位置；
左：111px；
顶部：-63px；
宽度：220px；
高度：60px；
字体大小：13px；
}
.headline_text a{
字体大小：14px；
}
.最新发布日期{
字体大小：粗体；
字体大小：11px；
位置：绝对位置；
底部：0；
右：0；
}

&公牛
2016年1月9日

您可以将您的课程

更改为：

.top_pub_date {
    font-weight: bold;
    font-size: 11px;
    position: absolute;
    right: 0;
    bottom: 0;
}

您可以将课程
.top\u pub\u date
更改为：

.top_pub_date {
    font-weight: bold;
    font-size: 11px;
    position: absolute;
    right: 0;
    bottom: 0;
}

你要找的是

position: absolute;
bottom: 0;


.headline\u容器{
宽度：334px；
高度：80px；
位置：相对位置；
利润率：8px0；
-moz边界半径：1px；
边界半径：1px；
边框：1px实心#e6；
-莫兹盒阴影：0 2px2p6；
-webkit盒阴影：0 2px 2px#e6；
盒影：0 2px 2px#e6；
背景：#fff；
}
.头条图片{
宽度：90px；
高度：60px；
边缘顶部：6px；
左边距：6px；
-moz边界半径：1px；
边界半径：1px；
边框：1px实心#ffffff；
-莫兹盒阴影：0 2px2p6；
-webkit盒阴影：0 2px 2px#e6；
盒影：0 2px 2px#e6；
} 
.标题(文本){
位置：相对位置；
左：111px；
顶部：-63px；
宽度：220px；
高度：60px；
字体大小：13px；
}
.headline_text a{
字体大小：14px；
}
.最新发布日期{
字体大小：粗体；
字体大小：11px；
位置：绝对位置；
底部：0；
左：0；
}

&公牛
2016年1月9日
您要找的是

position: absolute;
bottom: 0;


.headline\u容器{
宽度：334px；
高度：80px；
位置：相对位置；
利润率：8px0；
-moz边界半径：1px；
边界半径：1px；
边框：1px实心#e6；
-莫兹盒阴影：0 2px2p6；
-webkit盒阴影：0 2px 2px#e6；
盒影：0 2px 2px#e6；
背景：#fff；
}
.头条图片{
宽度：90px；
高度：60px；
边缘顶部：6px；
左边距：6px；
-moz边界半径：1px；
边界半径：1px；
边框：1px实心#ffffff；
-莫兹盒阴影：0 2px2p6；
-webkit盒阴影：0 2px 2px#e6；
盒影：0 2px 2px#e6；
} 
.标题(文本){
位置：相对位置；
左：111px；
顶部：-63px；
宽度：220px；
高度：60px；
字体大小：13px；
}
.headline_text a{
字体大小：14px；
}
.最新发布日期{
字体大小：粗体；
字体大小：11px；
位置：绝对位置；
底部：0；
左：0；
}

&公牛
2016年1月9日
谢谢Dekel立场：绝对解决了问题。非常感谢，德克尔立场：绝对解决了这个问题。非常感谢。