Jag har en lista med[*] som jag med hjälp av CSS har gjort så varje listpost är 165px hög och bred. I dessa "rutor" kommer det vara bilder med samma storlek som rutan, men ibland kommer det vara text, och den texten vill jag ska vara centrerad vertikalt och horizontelt i rutan, men vet inte hur jag skall göra. Har ni något tips..?


CSS-koden:
.showlista li {
list-style: none;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
background-color: #666666;
text-align: center;
vertical-align: middle;
margin: 5px;
padding: 0px;
height: 165px;
width: 165px;
float: left;
}

Sätt line-height: 165px; och text-align: center; på textens element.