html - テキストボックスと選択リストの位置

Question

Project Name :<div style="position:absolute" id="project_list">
<select style='width:220px;height:25px;' class='createNewSelect' name='list_project_name' id='list_project_name' onchange='javascript:getProjectName()'><option value='0'>Create New Project</option><option value=2>new_project</option><option value=3>new_project</option><option value=5>new_project</option><option value=8>new_project</option><option value=7>my_project_1</option><option value=6>my_project</option></select>


 </div><input id="project_name" class="createNew" type="text" />
<input type="button" value="Create New" id="getChecked" class="createNew" />

<button value="Cancel" class="createNew" onclick="cancelCreate()" >Cancel</button>

上記を使用して、新しいプロジェクトを作成するための 2 つのボタンでプロジェクト リストまたはテキスト ボックスを表示します。私は彼らの立場に問題に直面しています。

ここでも確認できます

私の問題は、テキストボックスとボタンがProject Name :テキストで表示されないことです

Answer 1

このようにadd input{ display:block;}

デモ

CSS

input{
    display:block;
}

---

デモ1

CSS

#project_list label{
    display:block;
}
#project_list input{
    display:block;
    border:1px solid red;
}
.createNew{
    display:block;
}