Help How do I get boxes in boxes center!?

[Jellycat]

I’m trying to have a background box for my main text body be inside of a larger background box for my code which even I can manage with my super limited coding skills. The problem is that I can’t figure out how to get it so that they all don’t end up sticking to the left side of the box, it looks awful and no matter what I try I can’t fix it.
I tried analyzing other lovely people’s code on here to understand how to do it for myself but I cannot replicate what they did or I’m too dumb to understand what’s happening in all that code.
So does anyone have a simple fix for this that someone like me, a completely clueless idiot on coding, can do?
I would appreciate it so much, I’m just so confused.

 

[Alteras]

What you probably want is margin: 0 auto, which will center the box.

[bg=skyblue; width: 300px; margin: 0 auto;]text[/bg]

text

Alternatively, you can use centerblock to do it.

 

[Jellycat]

Oh wow thank you, that’s exactly what I wanted!