How do I center the post bit?

[Benny99]

How do I center my post bit?
I want to center this

[Justyne]

What do you mean by post bit? Do you want to center the whole section on the screenshot or just the line "posts:2"?

If it's the whole section look for

.poster h4, .poster ul

in your CSS file and put in:

text-align: center;

[kat]

I think he wants the word "Posts" centred, below the avatar. (I could be dead-wrong, obviously).

Might be tricky, especially if there're different sized avatars on the forum...

Whatever, let me welcome you to the ol' form, Benny!

[ARG01]

This is what I came up with a while back and normally use on my designs. Of course color changes may be necessary to fit your desired look. The border and corner radii can be removed as well. Just play around with it. 

Code Select Expand

.postarea,
.moderatorbar                           { margin: 10px 0 0 16em; }
.postarea div.flow_hidden               { width: 100%; }
.moderatorbar                           { clear: right; }
/* poster details and list of items */
.poster h4,
.poster ul                              {
                                            padding: 0;
                                            margin: 0 1em 0 1.5em;
                                        }
.poster h4                              {
                                            margin: 0.2em 0 0.4em 0;
                                            font-size: 100%;
                                        }
.poster h4,
.poster h4 a                            { }
.poster ul ul                           {
                                            margin: 0.3em 0 0 0;
                                            padding: 0;
                                        }
.poster ul ul li                        { display: inline; }
.poster li.stars,
.poster li.avatar,
.poster li.blurb,
li.postcount,
li.im_icons ul                          { margin-top: 0.5em; }
.poster li.avatar                       { overflow: hidden; }
.poster li.warning                      {
                                            line-height: 1.2em;
                                            padding-top: 1em;
                                        }
.poster li.warning a img                {
                                            vertical-align: bottom;
                                            padding: 0 0.2em;
                                        }
.messageicon                            {
                                            float: left;
                                            margin: 0 0.5em 0 0;
                                        }
.messageicon img                        { padding: 6px 3px; }
.keyinfo                                {
                                            float: left;
                                            width: 50%;
                                        }
.modifybutton                           {
                                            clear: right;
                                            float: right;
                                            margin: 6px 20px 10px 0;
                                            text-align: right;
                                            font: bold 0.85em arial, sans-serif;
                                            color: #334466;
                                        }

[Hj Ahmad Rasyid Hj Ismail]

Nice one SimpMode...