How to position submit button, HTML

Vote count:

0

I am new to HTML and I am having some trouble with positioning a button. At the top of my webpage, in the navigation bar I have a couple of icons and I would like to also add a button. I want the button to be at the end of the icons. Can anyone assist me with that? Here is how I have my code set up.

<!-- icon 1 -->
<li class="customer">
{% if customer  %}
<a href="/account"><i class="icon-user"></i></a>
{% else %}
<a href="/account/login"><i class="icon-user"></i></a>
{% endif %}
</li>

<!-- icon 2 -->
<li class="cart-overview"><a href="/cart"><i class="icon-shopping-cart"></i><span id="item_count">{{ cart.item_count }}</span></a>
<div id="crt">
{% include 'shopping-cart' %}
{% if cart.item_count != 0 %}
<a class="checkout-link" href="/cart">checkout</a>
{% endif %}
</div>                               
</li>

<!-- BUTTON icon -->
<li class="toolbar_btn">
<div id="btn">      
<form method="post" action="/cart/add" data-money-format="$ {{amount}}" id="product-form-288451297">
<input type="hidden" id name="id" value="680177761">
<div id="product-add">
<input type="submit" name="button" value="Buy Now" style="height: 40px; width: 100px">   
<p id="add-to-cart-msg"></p>
</div>
</form> 
</div> 
</li>

The style looks how I want it, I just need the button to be moved. Here is a screenshot. Thanks in advance!!

asked 54 secs ago

portfoliobuilder

133