client_side_validations.rb

require 'client_side_validations/simple_form' if defined?(::SimpleForm)
require 'client_side_validations/formtastic' if defined?(::Formtastic)

# Uncomment the following block if you want each input field to have the validation messages attached.
ActionView::Base.field_error_proc = Proc.new do |html_tag, instance|
  unless html_tag =~ /^<label/
    %{<div class="field_with_errors">#{html_tag}<label for="#{instance.send(:tag_id)}" class="message">#{instance.error_message.first}</label></div>}.html_safe
  else
    %{<div class="field_with_errors">#{html_tag}</div>}.html_safe
  end
end                       

formtastic.rb

# encoding: utf-8
Formtastic::SemanticFormBuilder.inline_order = [:input]
Formtastic::SemanticFormBuilder.custom_inline_order[:checkbox] = [:input]
Formtastic::SemanticFormBuilder.custom_inline_order[:select] = [:input]

generated.html

<li class="string optional error" id="account_delivery_address_attributes_zip_input">
  <label for="account_delivery_address_attributes_zip">Zip</label>
  <input data-validate="true" id="account_delivery_address_attributes_zip" 
         maxlength="10" name="account[delivery_address_attributes][zip]" 
         size="30" type="text">
  <p class="inline-errors">can't be blank</p>
</li>

gistfile4.txt