How to place facebook text in center

[newcoder1010]

Hi,

 

I have this html:

<table class="socialmedia">
<tbody><tr><td class="facebbok"> <a href="https://www.facebook.com/" target="_blank" title="Facebook"> f</a> </td>
<td class="twitter"> <a href="https://twitter.com" target="_blank" title="Twitter">t</a>
 </td>
</tr></tbody></table>

I like to put f and t in circled and then centered. I got the circle but it is not putting in the center. Please advise.

 

td.facebbok a {
    float: left;
    padding: 5px;
    /* margin: 5px; */
    width: 40px;
    height: 40px;
    border-radius: 50px;
    font-size: 20px;
    line-height: 100px;
    text-align: center;
    background: #34289c;
}

 

[Ingolme]

Setting the text-align to center will make the contents of the table cell be centered assuming they're not blocks.

 

You should not be using a table for this, it's really bad.