Alinhamento superior com uma elemento centralizado

Pessoal,

Tenho uma div e preciso colocar um texto a esquerda outro a direita e um icon centralizado, todos alinhados por cima. consegui chegar até este ponto, mas até agora não consigo alinha-los por cima:

<div style="width=40%">
 <a>
 <h:outputLabel value="Alta Prioridade" style="float: left;"/>
 <i style="margin-left: 50%; margin-right: 50%;" class="fa fa-thumb-tack" ></i>
 <h:outputLabel value="08/10/2015" style="float: right; text-align: right;"/>
 </a>
</div>

 Desculpem, mas minha praia não é CSS.

Obrigado