Mensagens

[rsm_rlb]

Senhores,

Eu gostaria de uma ajuda pra posicionar a mensagem de ajuda ao lado da caixa do formulário. Se eu deixo assim

 

form input[type=text]{ 
	display: block;
}

 

as mensagens aparecem embaixo da caixa de texto. Mas se eu tiro essa linha do código, ele me dá um espaçamento muito maior do que o que eu estipulei no css. Como resolvo isso?

 

https://jsfiddle.net/83jcm70h/

[DiF]

@rsm_rlb Olá,

 

Altere para display: inline-block 

e retire o margin-bottom: 1em

 

Uma dica:  use um plugin jQuery para criar o Tooltip! é extremamente simples, basta importar o arquivo e chamar ele com uma unica função

 

http://iamceege.github.io/tooltipster/ 

Os tooltips são mais bonitos visualmente dará ao seu site um atrativo a mais.

[rsm_rlb]

Deu certo. Obrigado.