Hvordan flytter jeg teksten?

HTML kode 

 <div class="left">
                     <div id="username">
                        Hej,
                       <a href="">Daniel Mautone</a>
                       <ul>
                              <li><a href="" class="messages" rel="tooltip" title="Du har 4 nye beskeder"><span class="message">3</span></a></li>
                              
                              <li><a href="" class="settings" rel="tooltip" title="">Indstillinger</a></li>
                              <li><a href="" class="profile" rel="tooltip" title="">Profil</a></li>
                              <li><a href="logout.php" class="logout" rel="tooltip" title="">Logaf</a></li>
                         </ul>
                     </div>
          </div>

CSS kode 

 #head .left #username ul li a span
 {
  display: block;
  text-indent: 0px; 
  background: #B90000;
  height: 12px;
  width: 12px;
  font-size: 10px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 155px;
  text-alignment: center;                                                
 }