html - html の横にあるチェックボックスを揃える

Question

html/CSS の使用に関する基本的な CSS/html の質問があります。これはかなり基本的で明白だと思いましたが、意図したとおりに機能していません。

この基本的なイメージでは、ラベルをエキスパートの右側に配置したいと思います

(ユーザーが専門知識を選択する登録ページを作成する)

これは基本的にそうだと思います

 <tr>

 <td>Expertise</td>
  <input type="checkbox" style="vertical-align: left; margin: 12px;"> Label </input><br>            
  <input type="checkbox" style="vertical-align: left; margin: 12px;"> Label 2 </input>

</tr>

ただし、これは意図したとおりに機能しません。

Answer 1

すでにテーブルを使用しているため、次のように入力タグを別の td タグに配置するだけです。

<tr>

 <td>Expertise</td>
 <td>
  <input type="checkbox" style="vertical-align: left; margin: 12px;"> Label </input><br>            
  <input type="checkbox" style="vertical-align: left; margin: 12px;"> Label 2 </input>
 </td>

</tr>

これにより、「Expertise」の右側にチェックボックスが表示されます。