I use JQuery Validate to do input validation, but when validation fails, an error message label is created next to the input.
My goal is to make this label appear below the input, without changing the position of the inputs next to the validated input , but when I use the 'display: block' CSS property, inputs to the side are pushed down, as if there was a '< br > ' between the inputs and the error label generated by the validation.
Follow the demo
Before validation: Aftervalidation:
The CSS code for the error label is very simple:
label.error {
font: 11px arial;
margin-left: 2px;
display: block; }
If my question is incomplete, please let me know that I will supplement the question as soon as possible.