I am currently in the process of learning Django as I work on creating a website. However, my knowledge of HTML, CSS, and JavaScript is limited. To tackle this issue, I decided to use a website builder to generate a template for me, which I can then modify to fit my needs. Here's the specific problem I'm facing:
Link to Picture of Problematic Section
I am struggling to position the yellow button next to the form field, and I am unsure how to resolve this issue.
Below is the corresponding section from my HTML file:
<div class="u-align-left u-container-style u-layout-cell u-right-cell u-shape-rectangle u-size-30 u-size-xs-60 u-layout-cell-2" src="">
<div class="u-container-layout u-container-layout-5" src="">
<h2 class="u-align-center u-custom-font u-text u-text-default u-text-6">Add</h2>
<p class="u-align-left u-custom-font u-heading-font u-text u-text-2">
<form method='POST' class='post-form'>
{% csrf_token %}
{{ forms.newcat.non_field_errors }}
<div class="fieldWrapper">
{{ forms.newcat.name.errors }}
<label for="{{ forms.newcat.name.id_for_label }}">New Category Name </label>
{{ forms.newcat.name }}
</div>
<button type='submit' name='addcategory' class="u-btn u-btn-round u-button-style u-hover-palette-3-light-2 u-palette-3-light-1 u-radius-50 u-btn-1">Add</button>
</form>
</p>
Side note: While I suspect that the problem lies within the HTML components, I am willing to provide the CSS file if necessary. Thank you in advance for any assistance!