迷之ul li无法对齐问题

目的样式
问题样式

.footer .down .left ul{
	float:left;
	margin-right:20px;}
.footer .down .left li{
	margin-left:20px;}

<ul>
<li><div class="bold"><a href="#">患者服务</a></div></li>
<li><a href="#">就诊指南</a></li>
<li><a href="#">预约挂号</a></li>
<li><a href="#">住院须知</a></li>
<li><a href="#">交通指南</a></li>
<li><a href="#">就诊须知</a></li>
<li><a href="#">出诊信息查询</a></li>
<li><a href="#">停诊信息查询</a></li>
<li><a href="#">床位信息</a></li>
<li><a href="#">专家出诊一览表</a></li>
</ul>

删除第一个li后>下一个li出现相同缩进>证明和li无关

尝试解决1>设置bold盒子宽高>失败

.footer .down .left .bold{
	font-weight:bold;
	float:left;
	width:48px;
	height:40px;}

尝试解决2>给li设置margin>失败

.footer .down .left li{
	margin-left:20px;}

尝试解决3>给li、a设置宽高>失败

！！！！！！！！！！！！！！！！解决！！！！！！！！！！！！！！！！
问题：原本想分开div和li时，给bold设置了flout！
△谨记浮动大概的样式！

遗留问题：第四列上方空白处无法正确空出
（暂时解决：打了代替文字–>设置color为背景色）