PHP / HTML - Alinhamento e Ajuste de textos

Boa tarde, sou iniciante e estou desenvolvendo uma página que será uma central de solicitações de serviços. Consegui que a mesma alinhe por "blocos", porém os textos estão influenciando no tamanho dos blocos, o que ocasiona no aumento de tamanho. Os textos também estão "zuados" quando coloca o mouse por cima dele. Como resolver ?

 <div class="main">
 <div class="main-inner">
 <div class="container">
 <div class="span12">
 <div class="widget">
 <div class="widget-header" align="center">
 <strong><h3>Solicitação de Serviços</h3></strong>
 </div>
 <!-- /widget-header -->

 <div class="widget-content">
 <div class="shortcuts">
 <div class="row-fluid">

 <div class="span3"><div class="widget-content"><a href="javascript:#;" class="shortcut"><i class="shortcut-icon icon-truck"></i><span
 class="shortcut-label">Almoxarifado</span> </a></div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"><i
 class="shortcut-icon icon-bar-chart"></i><span class="shortcut-label">Apoio Tecnologico Educacional</span></a></div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"><i
 class="shortcut-icon icon-legal"></i><span class="shortcut-label">Assessoria juridica</span></a></div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-book"></i><span class="shortcut-label">Biblioteca</span> </a></div></div></div>

 <div class="row-fluid"><div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"><i
 class="shortcut-icon icon-male"></i><span class="shortcut-label">Centro Atendimento Aluno</span> </a></div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"><i
 class="shortcut-icon icon-user"></i><span class="shortcut-label">Centro Atendimento Professor</span> </a></div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"><i
 class="shortcut-icon icon-sitemap"></i> <span class="shortcut-label">Comitê de Ética</span> </a></div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-shopping-cart"></i><span class="shortcut-label">Compras</span> </a> </div></div></div>

 <div class="row-fluid"><div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-edit "></i><span class="shortcut-label">Concursos</span> </a> </div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-briefcase "></i><span class="shortcut-label">Diretoria Geral</span> </a> </div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-road "></i><span class="shortcut-label">CEAD</span> </a> </div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-tags"></i><span class="shortcut-label">Extensão</span> </a> </div></div></div>

 <div class="row-fluid"><div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-dollar"></i><span class="shortcut-label">Financeiro</span> </a> </div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-building"></i><span class="shortcut-label">Infraestrutura Campus</span> </a> </div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-calendar"></i><span class="shortcut-label">NEM</span> </a></div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-bullhorn"></i><span class="shortcut-label">Ouvidoria</span> </a></div></div></div>

 <div class="row-fluid"><div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-tag"></i><span class="shortcut-label">Patrimônio</span> </a> </div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-key"></i><span class="shortcut-label">Portaria</span> </a> </div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-pencil"></i><span class="shortcut-label">Pós-Graduação</span> </a> </div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-list-alt "></i><span class="shortcut-label">Projetos e Processos</span> </a></div></div></div>

 <div class="row-fluid"><div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-group"></i><span class="shortcut-label">Recursos Humanos</span> </a> </div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-copy"></i><span class="shortcut-label">Reprografia</span> </a></div></div>

 <div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
 class="shortcut-icon icon-windows"></i><span class="shortcut-label">Tecnologia da Informação</span> </a> </div></div></div>

 </div>
 <!-- /shortcuts -->
 </div>
 <!-- /widget-content -->
 </div>
 <!-- /widget -->
 </div>
 </div>
 </div>
 <!-- /span6 -->