如何在HTML中对齐多行选择？

我在Windows 10中使用HTML5编写网站。我想从

样式如下：

    {% extends 'base.html' %}
{% load static %}


{% block content %}
<form>
         </select><br>
      <label for="name_1">&nbsp;&nbsp;Discipline Code(e.g. ACC): &nbsp;</label>          <input type="text" id="name_1" name="name_1"><br>
      <label for="name_2">&nbsp;&nbsp;Course Code(e.g. 201): &nbsp;&nbsp;&nbsp;&nbsp;</label>          <input type="text" id="name_2" name="name_2"><br>
      <label for="name_3">&nbsp;&nbsp;Course Title: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>          <input type="text" id="name_3" name="name_3" ><br>

       <label>&nbsp;&nbsp;Postgraduate Course: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
            <select id="postgraduate-course" >
                <option value="">--Select--</option>
                <option value="Dropdown_yes">Yes</option>
                <option value="Dropdown_no">No</option>
            </select><br>
                   <label>&nbsp;&nbsp;First Presenting Semester: </label>
            <select id="presenting-semester" >
                <option value="">--Select--</option>
                <option value="Dropdown_Jan">January</option>
                <option value="Dropdown_Jul">July</option>
            </select><br>
                               <label>&nbsp;&nbsp;Year: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
            <select id="year" >
                <option value="">--Select--</option>
                <option value="Dropdown_2021">2021</option>
                <option value="Dropdown_2022">2022</option>
            </select><br>
                  ......            
        <br>
         </form>
         {% endblock %}

也就是说，我想使所有文本输入和选择的开头对齐。标签可以保持其当前位置。