居中将文本对齐到div的底部

Sec*_*rus 2 css alignment css3

基本上我在div的底部得到了我喜欢的文本,但问题是它是左对齐,我希望它在我的div的中心.

CSS3

#article-footer {
    width: 100%;
    margin: 0 auto;
}

#article-footer {
    position: relative;
    width: 70%;
    float: left;
    font-weight: bold;
    font-size: 23px;
    color: #354175;
}

#article-footer span{
    position:absolute;
    bottom: 0;
}
Run Code Online (Sandbox Code Playgroud)

n1k*_*kou 5

#article-footer span{
position:absolute;
bottom: 0; 
left:50%;
margin-left:-50%;}
Run Code Online (Sandbox Code Playgroud)