[Help] How to place some image in sidebar widget stand side by side

Hi There,

I need your help, I want to add social media icons in my sidebar widget, but I can’t make it stand side by side, this is the page.

The code I’ve tried:

<a href="http://www.instagram.com/teeslab" target="_blank"><img src="http://teeslab.com/wp-content/uploads/2014/01/Instagram-TeesLab-Illustration-Studio.gif" alt="TeesLab Instagram" height="50" width="50" border="0" /></a><a href="http://www.facebook.com/teeslab" target="_blank"><img src="http://teeslab.com/wp-content/uploads/2014/01/Facebook-Page-TeesLab-Illustration-Studio.gif" alt="TeesLab Facebook" height="50" width="50" border="0" /></a><a href="http://www.twitter.com/teeslab" target="_blank"><img src="http://teeslab.com/wp-content/uploads/2014/01/Twitter-TeesLab-Illustration-Studio.gif" alt="TeesLab Twitter" height="50" width="50" border="0" /></a><a href="http://teeslab.com/feed/" target="_blank"><img src="http://teeslab.com/wp-content/uploads/2014/01/RSS-TeesLab-Illustration-Studio.gif" alt="TeesLab RSS" height="50" width="50" border="0" /></a>

And

<table>
<tr>
<td><a href="http://www.instagram.com/teeslab" target="_blank"><img src="http://teeslab.com/wp-content/uploads/2014/01/Instagram-TeesLab-Illustration-Studio.gif" alt="TeesLab Instagram" height="50" width="50" border="0" /></a></td>
<td><a href="http://www.facebook.com/teeslab" target="_blank"><img src="http://teeslab.com/wp-content/uploads/2014/01/Facebook-Page-TeesLab-Illustration-Studio.gif" alt="TeesLab Facebook" height="50" width="50" border="0" /></a></td>
<td><a href="http://www.twitter.com/teeslab" target="_blank"><img src="http://teeslab.com/wp-content/uploads/2014/01/Twitter-TeesLab-Illustration-Studio.gif" alt="TeesLab Twitter" height="50" width="50" border="0" /></a></td>
<td><a href="http://teeslab.com/feed/" target="_blank"><img src="http://teeslab.com/wp-content/uploads/2014/01/RSS-TeesLab-Illustration-Studio.gif" alt="TeesLab RSS" height="50" width="50" border="0" /></a></td>
</tr></table>

Thanx 🙂