не может отделить элементы html

Question

По какой-то причине у меня возникли проблемы с разделом кнопки отправки из другого раскрывающегося списка/текста. Я просто хочу начать новую линию, но я не могу заставить ее работать. извините, если это расплывчато. вот мой код.

<br> 
<span id ="p4">Grade Achieved?</span> 



<select name = "classGrades" id ="classGradesx"> 
    <option value="A1" id ="A1">A+</option> 
    <option value="A2" id ="A2">A</option> 
    <option value="A3" id ="A3">A-</option> 
    <option value="B1" id ="B1">B+</option> 
    <option value="B2" id ="B2">B</option> 
    <option value="B3" id ="B3">B-</option> 
    <option value="C1" id ="C1">C+</option> 
    <option value="C2" id ="C2">C</option> 
    <option value="C3" id ="C3">C-</option> 
    <option value="D1" id ="D1">D+</option> 
    <option value="D2" id ="D2">D</option> 
    <option value="D3" id ="D3">D-</option> 
    <option value="F" id ="F">F</option> 

<br/> 

<input type="button" value="Add Class" id="addclassx" onClick="doStuff()"> 
<br> 

класса достигнуто, ниспадающее окно с сортах и ​​Add Class кнопка отправки находятся на одной и той же линии. Я не хочу, чтобы кнопка добавления класса была в той же строке. Благодарю.

Answer 1

Закрыть тег select?

<br> 
<span id ="p4">Grade Achieved?</span> 



<select name = "classGrades" id ="classGradesx"> 
    <option value="A1" id ="A1">A+</option> 
    <option value="A2" id ="A2">A</option> 
    <option value="A3" id ="A3">A-</option> 
    <option value="B1" id ="B1">B+</option> 
    <option value="B2" id ="B2">B</option> 
    <option value="B3" id ="B3">B-</option> 
    <option value="C1" id ="C1">C+</option> 
    <option value="C2" id ="C2">C</option> 
    <option value="C3" id ="C3">C-</option> 
    <option value="D1" id ="D1">D+</option> 
    <option value="D2" id ="D2">D</option> 
    <option value="D3" id ="D3">D-</option> 
    <option value="F" id ="F">F</option> 
</select> 
<br/> 

<input type="button" value="Add Class" id="addclassx" onClick="doStuff()"> 
<br>