Pessoal boa noite alguem pode me ajudar como faço pra alinhar a esquerda um inputMask, inputText e pcalendar.
muito obrigado.
<p:row>
<p:column>
<h:outputText value="* Nome:" />
</p:column>
<p:column colspan="3">
<p:inputText id="nome" value="#{PessoaBacking.pessoa.nome}"
maxlength="80" style="width:250px; text-align:left "/>
</p:column>
<p:column>
<h:outputText value="Data do Cadastro" />
</p:column>
<p:column>
<p:calendar value="#{PessoaBacking.pessoa.data}" id="data"
pattern="dd/MM/yyyy" locale="pt_BR" style= " width: 100px"/>
</p:column>
</p:row>
<p:row>
<p:column>
<h:outputText value="* Cep:" />
</p:column>
<p:column colspan="2" resizable="10">
<p:inputMask id="cep" value="#{PessoaBacking.pessoa.cep}"
mask="99999-999" maxlength="9" style="width:100px; text-align: left"/>
</p:column>
<p:column>
<p:commandButton action="#{PessoaBacking.buscaCep}"
value="Busca CEP" update="pnlCad, messages"/>
</p:column>
<p:column>
<h:outputText value="* Cidade:" />
</p:column>
<p:column colspan="2">
<p:inputText id="cidade" value="#{PessoaBacking.pessoa.cidade}"
maxlength="80" style="width:200px; text-align:right" />
</p:column>
<p:column>
<h:outputText value="* Estado:" />
</p:column>
<p:column>
<p:inputText id="estado" value="#{PessoaBacking.pessoa.estado}" style="width: 40px"
maxlength="2" />
</p:column>
</p:row>