Search code examples
cssalignment

Center align text to the bottom of a div

Basically I got the text on the bottom of the div where I like, but the problem is it's aligning left and I would like for it to be in the center of my 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;
}
Solution 
  • #article-footer span{
position:absolute;
bottom: 0; 
left:50%;
margin-left:-50%;}