Center a User's Profile Display During Posts

Hello, I had opened a thread about this issue a while ago, ( HERE ) and I got the solution I needed. However, there was a slight problem that I had contacted a moderator about it - and indeed I was helped, but another small issue popped, so I was asked into making a new topic -. Basically, I wanted a coding to center a user's profile display during posts, because they were all aligned on the left; like this:



However, a new issue popped, there became a huge gap between the username and the rank:

Hi @Flame Melody,

Replace this code :

Code:

.post .postdetails.poster-profile, .post .name + br {
  display:none;
  text-align:center;
}

with this :

Code:

.post .name + br { display:none }

That should fix the problem.

Hmm... that actually made it like this: 

Spoiler:

Which isn't what I'm really looking for, I just want to center everything without any gaps between rankings, username, hobbies, location, post count etc. (basically everything).

You'll need to re-add this in to center everything :

Code:

.post .postdetails.poster-profile, .post .name {
  display:block;
  text-align:center;
}

That should also put everything in its correct place.

Thank you, that worked perfectly~ *Hands a cookie*.