一个没有解决的HTML页面

今天写了一个页面，但是有点问题，找了些资料也没有解决，下面是代码，如果有人知道怎么解决，请指点，谢谢！

<div class="row-fluid">
	<div class="span6">
		<ul class="unstyled">
			<li><a class="btn btn-block">◎余额和话费有效期查询</a></li>
			<li><a class="btn btn-block left">◎积分查询</a></li>
			<li><a class="btn btn-block">◎实时账单查询</a></li>
			<li><a class="btn btn-block">◎充值缴费历史查询</a></li>
			<li><a class="btn btn-block">◎套餐使用情况查询</a></li>
		</ul>
	</div>
	<div class="span6">
		<ul class="unstyled">
			<li><a class="btn btn-block">◎实时话费查询</a></li>
			<li><a class="btn btn-block">◎实时GPRS使用量查询</a></li>
			<li><a class="btn btn-block">◎历史账单查询</a></li>
			<li><a class="btn btn-block">◎已开通业务查询</a></li>
			<li><a class="btn btn-block">◎（各省确定的其他业务）</a></li>
		</ul>
	</div>
</div>

?这样显示出来的效果，是两边按钮平分，文字显示在按钮中间，但是效果不好，我想让文字靠按钮的左边对齐，那样好看一些，有老师知道的请指点。