jQuery.Coundown проблемы с дизайном

Question

Мне тяжело работать с дизайном сценариев JqueryCountdown. Вот что встречающийся visualy ...

Вот как это выглядит кончаются визуальной студии отладчика

Я хочу, чтобы стиль выглядеть как второй то первый. Я не очень хорошо разбираюсь в материалах css. Но я попытался. Я кратко просмотрел файл css, который был загружен.
кажется нормально ... Вот мои сайты CSS для элемента формы отсчета ...

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

Что я могу сделать, чтобы убедиться, что элемент, по крайней мере выглядит презентабельно?

EDIT Я просто заметил, как трудно было видеть, ЧТО МОЯ ПРОБЛЕМА БЫЛА В правом нижнем углу у меня есть какой-нибудь текст ... Я хочу, чтобы текст, который будет непосредственно под TEXT AREA ... Вот пример того, что правильно!

Немного яснее.

Answer 1

Относительное и/или встроенное позиционирование вашего элемента обратного отсчета jQuery, вероятно, является проблемой. Попробуйте изменить CSS к следующему:

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

Если вы чувствуете необходимость добавить больше разделения между комментариями и счетчик символов, использовать щедрое количество margin-top, приложенное к .counter или margin-bottom применительно к <textarea>.