In my Django template, I have the following HTML code:
<div id = "search_form">
<form action="" method="get" id = "search-form">
{% csrf_token %}
{{ form.as_p }}
{{ form.media }}
</form>
<button class="btn btn-primary" id="search_submit" name = "search_submit" type="submit" value = "submit" ><span class="glyphicon glyphicon-search"></span></button>
</div>
How can I align the search bar and button horizontally? The current CSS adjustment is not working as expected:
#search_submit {
display: inline;
}