Как добавить область рядом с простой меткой формы

Я пытаюсь добавить область, которая будет содержать счетчик символов рядом с меткой. Метка генерируется с помощью simple_form, я только, кажется, могу поместить span либо выше, либо ниже поля. Фрагмент кода, который я попробовал, приведен ниже: 

<%= simple_form_for(@message, :html => {:class => 'form-vertical' }) do |f| %>
<div class="inputs">
<%= f.input :to_user_id, :required => true, :as=> :hidden %><span id="counter">160</span>
<%= f.input :content, :required => true, :input_html=> { :class=> "field-message span6", :placeholder=> "your message goes here, keep it short, 140 characters short..." } %>
</div>
1 2
ruby-on-rails simple-form

1 ответ:

Конструктор форм будет иметь автономные поля ввода, поэтому один из способов состоит в том, чтобы иметь div 'input' left-floated, а затем иметь 'counter' left-floated рядом с ним.

Стили.css 

input { 
  clear: both;
  float: left; 
  width: 150px; 
}
#counter { float: left; width: 150px; }
{[2-форма.формат html.erb 
...
<%= f.input :to_user_id, :required => true, :as=> :hidden %>
<div id="counter">160</div>
<%= f.input :content, :required => true, ....
2