jquery - 入力が正しく機能しないインラインで表示されるように検証エラーをスタイリングする

Question

フォームでクライアント側の検証を使用しています。入力にフォーカスしてからオフにすると、検証エラーがlabelタグとしてレンダリングされます。labelタグは表示されていますが、次の行ににじみ出ています。やに変更displayしてみたり、 を調整したりしてみましたが、うまくいきません。ここにjsFiddleがあります：inline-blockinlineoverflow

http://jsfiddle.net/pp8Uw/

フォームを含む div を拡大すると、検証エラーが 1 行に表示されるように見えますが、それはしたくありません。

注:いくつかのベース css にブートストラップを使用しているため、コンテナーなどが提供されます。jsfiddle のために、すぐに使えるスタイルを少し変更しました。

Answer 1

このjsfiddleデモを確認してください

marginの値を変更しました.field_with_errors .message。

.field_with_errors .message { 
    margin:-36px 135px 0;
}

値を微調整して、目的の位置に配置します。

乾杯！！！