javascript - 2 つの入力フィールドと 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>

2つの入力ボタンと中央の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;">

Answer 2

コードは次のようになります

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