無法分隔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> 

成績達到，成績下拉框和添加班級提交按鈕都在同一行上。我不想在同一行上添加類按鈕。謝謝。

Answer 1

關閉選擇標籤？

<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>