Ajuda com CSS + JSF 2.0 [RESOLVIDO]

Front-end
#1

Pessoal estou precisando de uma ajuda com um css em uma página usando JSF 2.0. É o seguinte preciso alinhar os labels a esquerda:

Por exemplo: coloquei o tracinho pq ele não alinha a esquerda aqui no texto

----Nome
Endereço
----Bairro

só que não consigo fazer funcionar.

abaixo segue meu css.


td .label {
	
	color: red;
	text-align: right;
}

.painelLogin {
	
	font-family: verdana;	
	
	
}

Agora segue a pagina

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html">
<h:head>
	<link type="text/css" rel="stylesheet"
		href="#{facesContext.externalContext.requestContextPath}/resource/css/style.css" />
</h:head>
<h:body>


	<h:panelGrid columns="2" styleClass="painelLogin">
		<h:outputLabel value="Senhahhhhhhhhhhhhhhhhhhhhh" styleClass="label" />
		<h:inputText id="login" />
		<h:outputLabel value="Senha" styleClass="label"/>
		<h:inputSecret id="senha" />
	</h:panelGrid>
</h:body>
</html>

Alguém poderia me ajudar a resolver?

#2

Pessoal problema resolvido, era falha minha com o css. Usei o float para alinhar os campos. Segue o css

.label {
	color: red;
	float: right;
}

.painelLogin {
	font-family: verdana;
    width: 100pt;
}
#3