文本框和选择列表位置

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>

以上用于显示项目列表或文本框，带有两个按钮来创建新项目。 我的位置面临问题。

您还可以查看here

我的问题是文本框，按钮不会显示Project Name :文字

Answer 1

仅限add input{ display:block;}

<强> demo

<强> CSS

input{
    display:block;
}

---

<强> demo1

<强> CSS

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