I am creating two button but not able to align them in a same line. Although I am using float- right and left!

Question

<div>
<div float="left">
<a href="{{url_for('editItem', item_id = item.id)}}">
<button type="button" class="btn btn-success">Edit</button>
</a>
</div>

<div float="right">
<a href="{{url_for('confirmDeleteItem', item_id = item.id)}}">
<button type="button" class="btn btn-danger">Delete</button>
</a>
</div>
</div>

Answer 1

I guess you use the float incorrectly. It supposed to be a CSS style instead of directly apply as an attribute.

Answer 2

@Ashutosh You're welcome! 😉

Answer 3

You are apply float left and float right using invalid syntax. Try:

<div style="float:left;">

and

<div style="float:right;">

instead of:

<div float="left">

and

<div float="right">

Answer 4

thanks for answering