Putting Submit Button At The Bottom Of The Form

I want the submit button to be at the bottom of the form. I have tried using

,

,

, and . So far

Solution 1:

I think you need to remove the float and change br into div

<formmethod="post"action="">
  {% csrf_token %}

  {% for hidden in form.hidden_fields %}
  {{ hidden }}
  {% endfor %}

  <div>
    {# Include the visible fields #}
    {% for field in form.visible_fields %}

    <divclassName="fieldWrapper">
      {{ field.errors }}
      {{ field.label_tag }}
    </div>

    {{ field }}

    {% endfor %}

  </div><div><inputtype="submit"value="Submit"></div></form>

Solution 2:

Check out this post Overwrite float:left property in span for the answer.

With Bens help I was able to overwrite some of the default CSS.

Share