CSS/HTML – exemplo de alinhamento de texto dentro de campo input text

Para alinhar o conteúdo de um campo input text use o style css text-align, veja como é simples:

Alinhamento à direita (text-align:right):

<input type="text" style="text-align:right" value="Lorem ipsum dolor..." size="50" />

Alinhamento à esquerda (text-align:left):

esquerda:<input type="text" style="text-align:left" value="Lorem ipsum dolor..." size="50"/>

Alinhamento centralizado (text-align:center):

centro: <input type="text" style="text-align:center" value="Lorem ipsum dolor..." size="50"/>

Exemplo rodando http://www.ricardospinoza.xpg.com.br/exemplos/exemplo_alinhamento_input_text.html

Deixe um comentário

Arquivado em CSS, HTML

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s