How do I center the Twitter Widget?

[Scott C]

Hey guys!

So I simply need to center this Twitter Widget, and everything I try seems to not work. Do you think you can help me out? Here's the code for the Twitter Widget:

<script src="http://widgets.twimg.com/j/2/widget.js"></script> <script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 30,
interval: 6000,
width: 250,
height: 300,
theme: {
shell: {
background: '#46a0d4',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
color: '#000000',
links: '#46a0d4'
}
},
features: {
scrollbar: true,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('THON').start();
</script>

And I've tried things such as <center> and </center> at the beginning and end of the code, as well as <div style="text-align: center;"> and </div> and the respective beginning and ends of the code (both not resulting in a centered Twitter Widget........).

If you guys can help that would be fantastic!! Thanks guys!

[Mr. Caveman]

Add this to the Widget's container CSS:

margin: 0 auto;

Must have a width set less than 100% to center.

Ron