Выровнять текст меню по вертикали

[DrMartens]

Есть вертикальное меню, когда пункты меню короткие и вмещаются в 1у строку, все хорошо, но как сделать так что бы если текст не вмещается в 1 строчку он становился в 2е строчки но при этом становился по центру пункта меню.

<ul id="left-menu-e" class="menu">
<li class="level1 item1 first">
<a class="level1 item1 first" href="#">
<span class="bg">Link link link</span>
</a>
</li>
<li class="level1 item2">
<a class="level1 item2" href="#">
<span class="bg">Link link link</span>
</a>
</li>
<li class="level1 item3 last">
<a class="level1 item3 last" href="#">
<span class="bg">Link link link</span>
</a>
</li>
</ul>

Со стилями:

ul#left-menu-q{
height: 354px;
margin: 0;
padding: 0;
background: url("../images/menus/left/rshad-l-m.png") no-repeat scroll center right transparent;
}

ul#left-menu-q li{
height:46px;
border-top:1px solid #929293;
}
ul#left-menu-q li:last-child{
border-bottom:1px solid #C9C9C9;
}

ul#left-menu-q li:first-child{
border-top:1px solid #C9C9C9;
}

ul#left-menu-q li a{
	cursor: pointer;
    display: block;
    height: 46px;
    width: 210px;
	padding-left:13px; 
}

ul#left-menu-q li a:hover, ul#left-menu-q li.active a{
	text-decoration:none;

	background:#efeeee;
}

ul#left-menu-q li a:hover span
{color:#7ca4d6;}

ul#left-menu-q li a span{
font:bold 11px/46px arial;
color:#414042;
}

[Modestes]

уберите вообще span в html и к ul#left-menu-q li a {} добавьте text-align:center;

[DrMartens]

уберите вообще span в html и к ul#left-menu-q li a {} добавьте text-align:center;

Спасибо, что откликнулся. Уже решил добавил к li display:table; и vertical-align.

Вроде работает нормально.