basicly I have li elements which contain a small icon an a text, i want to horizontally and vertically center those elements together. However i dont get it working, since Im not really experienced in CSS.I already managed to vertically center the elements using two spans and line-height. But Im failing with the horizontal centering, since text align doesnt work for spans, and float middle doesnt exist.You guys have some ideas??here my code:HTML:\[code\]echo "<li style=\"background-color:#f7f7f7; color:#2EA620;\"><span class=\"image\"><img src=http://stackoverflow.com/"Images/List/Teams/" . $temp . ".png\" /></span><span class=\"text\">".$obj_teams->Name."</span></li>";\[/code\]CSS:\[code\]li { width:173px; height:30px; line-height:30px; font:"Myriad Pro"; font-size:14px; padding-left:10px; padding-right:10px; border-bottom:1px solid; border-left:1px solid; border-right:1px solid; border-color:#CCC;}.image { float:left; text}.text { float:left; color:#2EA620; line-height:30px;}\[/code\]Here an Image of how it looks like now. (If marked the elements which i want to center)
