Ola todos estou com um probleminha nao consigo arrumar centralizar e dar espaços nesses nome ja fuxei ate aqui nas pox que estao no layout.php mais ainda nao consegui centralizar

alguem pode me ajudar? REP+

o codigo do layout.php e esse

<?php include($layout_name.'/top_level.php'); ?>
<div id="Themeboxes">
<style type="text/css" media="all">
  .Toplevelbox {
    top: -10px;
    position: relative;
    margin-bottom: 10px;
    width: 180px;
    height: 200px;
  }
  .top_level {
    position: absolute;
    top: 30px;
    left: 6px;
    height: 160px;
    width: 168px;
    z-index: 20;
    text-align: center;
    padding-top: 6px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 9.2pt;
    color: #FFF;
    font-weight: bold;
    text-align: right;
    text-decoration: inherit;
    text-shadow: 0.1em 0.1em #333
  }
  #Topbar a {
  text-decoration: none;
  cursor: auto;
  }
  a.topfont {
    font-family: Verdana, Arial, Helvetica;
    font-size: 15px;
        color: #00FF00;
    text-decoration: none
  }
  a:hover.topfont {
    font-family: Verdana, Arial, Helvetica;
    font-size: 15px;
    color: #CCC;
    text-decoration:none
  }
</style>

e o script e esse

<?php
$skills = $SQL->query('SELECT * FROM players WHERE deleted = 0 AND group_id < 2 AND account_id != 1 ORDER BY level DESC LIMIT 5');
?>
<style type="text/css" media="all">
  .Toplevelbox {
    position: relative;
    margin-bottom: 12px;
    width: 180px;
    height: 225px;
  }
  .top_level {
    position: absolute;
    top: 30px;
    left: 6px;
    height: 180px;
    width: 1608px;
    z-index: 200;
    text-align: center;
    padding-top: 60px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 9.2pt;
    color: #FFF;
    font-weight: bold;
    text-align: right;
    text-decoration: inherit;
    text-shadow: 0.1em 0.1em #333
  }
  #Topbar a {
  text-decoration: none;
  cursor: hand;
  }
  a.topfont {
    font-family: Verdana, Arial, Helvetica;
    font-size: 130px;
    color: #ffcc33;
    text-decoration: none
  }
  a:hover.topfont {
    font-family: Verdana, Arial, Helvetica;
    font-size: 103px; 
    color: #CCC;
    text-decoration:none
  }
  .Bottom1 {
  position: relative;
  bottom: -120px;
  left: -50px;
  height: 102px;
  width: 1800px;
}
</style>
<div id="Topbar" class="Toplevelbox" style="background-image:url(<?PHP echo $layout_name; ?>/images/top_level.png);">
  <div class="top_level" style="background:url(<?PHP echo $layout_name; ?>/images/bg_top.png)" align="left">
    <?php
    $a = 1;
foreach($skills as $skill)
{
 echo '<div align="left"><a href="?subtopic=characters&name='.$skill['name'].'" class="topfont">
   <font color="#CCC">&nbsp;&nbsp;&nbsp;&nbsp;'.$a.' - </font>'.$skill['name'].'
   <br>
<small><font color="white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Level: ('.$skill['level'].') </font></small>
   <br>
 </a>
 	   <img src="http://outfit-images.ots.me/animatedOutfits1099/animoutfit.php?id='.$skill['looktype'].'&addons='.$skill['lookaddons'].'&head='.$skill['lookhead'].'&body='.$skill['lookbody'].'&legs='.$skill['looklegs'].'&feet='.$skill['lookfeet'].'" width="84" height="84" style="width: 84px; height: 84px; position: absolute; background-position: 0 0; background-repeat: no-repeat; left: -50px; margin-top: -70px;">
 
 </div>';
 $a++;
    }
    ?>
  </div>
</div>

 

@Jhonjhon775 vou dar um exemplo

 

<style type="text/css" media="all">
  .Toplevelbox {
    position: relative;
    margin-bottom: 12px;
    width: 180px;
    height: 225px;
  }

Por exemplo nesse código você pode adicionar um

margin-left: 15px;

e ver o resultado se não der certo coloque em outro lugar até dar o resultado que você quer caso não for para o lado certo use margin-left: -15px; 

 

@Brunds nao mudou nada nos espaços entra as letra bro somente mudou de lugar foi mais para a > direita kk to o dia todo mechendo nisso  

@Jhonjhon775 vai mexendo você pode usar também no lugar de margin-left pode mudar para padding-left

nao consegui ainda se alguem puder ajudar agradeço muito....