javascript - 如何对齐两个输入字段和 div 内联

Question

html:

<tr>
   <td><input style="margin: 2px;" type="button" name="delete"  class="delete_types" id="delete_name"/>
<a href="{% url setting.views.type_list type.id %}" style="color:black"><div class="rounded_list">{{type.title}} <span style="float:right;" > {{ type.is_active|yesno:"On,Off" }} ></span></div></a>
<input style="margin: 2px;" type="button" name="delete"  value="Delete" id="{{ type.id }}" class="type_delete"/>
  </td>
</tr>

我想将两个输入按钮和中间的 div 保持在同一行。现在它看起来在下面的屏幕截图中。我在 django 框架中工作。我尝试使用 display:inline 和 display:block 没有任何意义。请帮忙

Answer 1

使用 float:left; 以内嵌方式显示它们。

例如，

<input type="button" id="delete_name" class="delete_types" name="delete" style="margin: 2px; float: left;">