How do I center the user profile bit

[Sarteck]

I allow my users to select whether or not they want the username, avatar, user ranks, etc., alligned to the left, right, or centered using the followng plugin on parse_templates hook.

PHP Code:

global $vbulletin,$template_hook;

$css_additional = array();

/// Postbit Alignment
if ($vbulletin->userinfo['field43'] == 'Centered')
{
  $css_additional[] = '.postdetails .userinfo {text-align:center;}';
  $css_additional[] = '.postdetails .userinfo .username_container {width:auto;margin-left:auto;margin-right:auto;}';
  $css_additional[] = '.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {text-align:center;}';
}
if ($vbulletin->userinfo['field43'] == 'Left')
{
  $css_additional[] = '.postdetails .userinfo {text-align:left;}';
  $css_additional[] = '.postdetails .userinfo .username_container {width:auto;margin-left:0px;margin-right:auto;}';
  $css_additional[] = '.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {text-align:left;}';
}
if ($vbulletin->userinfo['field43'] == 'Right')
{
  $css_additional[] = '.postdetails .userinfo {text-align:right;}';
  $css_additional[] = '.postdetails .userinfo .username_container {width:auto;margin-left:auto;margin-right:0px;}';
  $css_additional[] = '.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {text-align:right;}';
}
$template_hook['headinclude_bottom_css'] .= '<style type="text/css">'."\n".implode("\n",$css_additional)."\n".'</style>'; 


I have a User Profile Field that's a drop-down element containing "Left", "Right", and "Center". This profile field is field43. That's why it's set up like that. If you just want to always have it centered, you only need something like:

PHP Code:

global $vbulletin,$template_hook;
$css_additional = array();
/// Postbit Alignment [Center]
  $css_additional[] = '.postdetails .userinfo {text-align:center;}';
  $css_additional[] = '.postdetails .userinfo .username_container {width:auto;margin-left:auto;margin-right:auto;}';
  $css_additional[] = '.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {text-align:center;}';
$template_hook['headinclude_bottom_css'] .= '<style type="text/css">'."\n".implode("\n",$css_additional)."\n".'</style>'; 


(You don't even need the array, it could just be a string; I just do it that way to make it easier to modify.)