Linktext in einem Element zentrieren

Um den Linktext in einer horizontalen Navigation zentriert in den <li> anzuzeigen habe ich folgenden CSS Code genutzt:

#navigation li {
  float: left;
  width: 10.875em;
  background-position: -3.65em -11.7em;
  margin-left: -1.3em;
  position: relative;
	
  z-index: 1;
}

#navigation li a {
  /* Zentriert den Text */
  position: absolute; 
  left: 50%; 
  text-align:center; 
  width: 100%; 
  margin-left: -50%;
  /* vertikale Zentrierung */
  padding-top: 0.4em;
	
  color: #828282;
}

Werbung