It's been a challenge aligning a form using Django and Bulma. The issue lies in the misaligned input:
https://i.sstatic.net/aRqdh.png
When attempting to center-align, this is what occurs. Left alignment works fine for the input text, but doesn't position it in the center of the screen as desired. Here is the template code. Using `display:block` was an attempt at fixing it, but yielded no change.
{% for field in wizard.form %}
<div class="field has-text-centered">
{% for error in field.errors %}
<div>
<p class="help is-danger">{{ error }}</p>
</div>
{% endfor %}
<label class="label" style="display:block;">{{ field.label_tag }}</label>
<div class="control has-text-centered" style="display:block;">{{ field }}</div>
{% if field.help_text %}
<p class="help is-danger">{{ field.help_text|safe }}</p>
{% endif %}
</div>
{% endfor %}
Your help is greatly appreciated as I've been struggling with this seemingly simple issue for 1.5 hours!