调整HTML按钮文本对齐-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_4207/article/details/82524159

作者在编写HTML页面时遇到了按钮内文字对齐的问题。页面上按钮内的文字默认居中显示，希望改为左对齐以改善视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<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>

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