Widgets Question?

How can I make my social media widgets (facebook, twitter) beside eachother instead of underneath eachother? I want it to look something like this, but don't know how?

And this is how they currently look, they are vertical and I want them beside eachother horizontally. (only the fb and twitter)

What is the code that you use?

Maybe try a different widget completely? There are some really cool ones out there. i-google has a nice selection :-)

I already have different widgets that I'm going to replace that are square and smaller in size. I just need to know the code on how to make my new widgets to be beside eachother for when I replace them, so they can be positioned like the 1st picture (my ideal look).

The 2nd picture is just to show my old widgets are positioned under eachother, which I plan to remove and replace. I'm only using 2 to be beside eachother (facebook and twitter).

Can you provide the code which you are currently using, i will edit it & give it.

Ok, heres my codes:

Code:

<center>
<a href="http://www.twitter.com/SkinPhilosophy"><img src="http://twitter-badges.s3.amazonaws.com/follow_bird-a.png" alt="Follow SkinPhilosophy on Twitter"width="145" height="40" border="0"/></a>

<CENTER><a href="http://www.facebook.com/pages/The-Skin-Philosophy-Skin-Care-Forum/260025471035" target="_blank"><img src="http://i871.photobucket.com/albums/ab272/empreseternal/find_u10.jpg" border="0" alt="Photobucket"></a><CENTER>

I'm replacing these images with other ones though.

Code:

<center><a href="http://www.twitter.com/SkinPhilosophy"><img src="http://twitter-badges.s3.amazonaws.com/follow_bird-a.png" alt="Follow SkinPhilosophy on Twitter"width="145" height="40" border="0"/></a>
<a href="http://www.facebook.com/pages/The-Skin-Philosophy-Skin-Care-Forum/260025471035" target="_blank"><img src="http://i871.photobucket.com/albums/ab272/empreseternal/find_u10.jpg" border="0" alt="Photobucket"></a></CENTER>


Use this code.

ok, thanks very much. It worked!