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>

以上用于显示项目列表或带有两个按钮的文本框以创建新项目。我面临着他们的立场的问题。

你也可以在这里查看

我的问题是文本框和按钮不显示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;
}