jquery.Coundownスタイリングの問題

Question

JqueryCountdownスクリプトのスタイリングで苦労しています。ここで

はここで... visualy発生しているものです、それは視覚的なスタジオデバッガの外に

を実行しているどのように見えるかである私は、スタイルはもっとして第一、第二のようになりたいです。私はCSSのものはあまりよくありません。しかし、私は試しました。私は簡単にダウンロードに付属のCSSファイルを見ました。
私が要素は、少なくとも体裁に見えることを確認するために何ができるの

form .counter 
{ 
    position: relative; 
    right:-50; 
    top:5px; 
    font-size:12px; 
    font-weight:bold; 
    color:#ccc; 
} 

...ここ は私のサイトではカウントダウンフォーム要素のCSSです...罰金ですか？

ここで私はちょうどそれが私の問題は、私はいくつかのテキストを持っている右下隅にあったものを見るために...私は、そのテキストが直接テキスト領域の下になりたいあったかHARD気づいEDIT ... があります何が正しいのかの例！

少し鮮明です。

Answer 1

jQueryのカウントダウン要素の相対的な配置またはインライン配置が問題になる可能性があります。あなたは、コメントと文字カウンタの間にそれ以上の分離を追加する必要性を感じた場合は

.counter { 
    color: #ccc; 
    clear: both; 
    display: block; 
    font-size: 12px; 
    font-weight: bold; 
} 

、<textarea>に適用.counterまたはmargin-bottomに適用されるmargin-topの寛大な量を使用します。以下に、あなたのCSSを変更してみてください。