Html 在一行中显示div元素
我的div下拉列表中有三个元素，输入日期和按钮，它们都在div中，我希望它们都在同一行中，而不是在彼此下面Html 在一行中显示div元素,html,css,Html,Css,我的div下拉列表中有三个元素，输入日期和按钮，它们都在div中，我希望它们都在同一行中，而不是在彼此下面 地位： 经核准的 拒绝 悬而未决的 错误 日期： 搜寻 将每个属性包装在一个div中并显示：inline块。您可以将显示：inline块属性添加到div中。这将使它们与内容内联渲染，但它们保留其块特性，因此您仍然可以例如设置其宽度和高度 例如： .inline{ 显示：内联块； 宽度：50px； 高度：20px； } #红色的{ 背景色：红色； } #绿色的{ 背景颜色：绿色； }
地位：
经核准的
拒绝
悬而未决的
错误
日期：
搜寻
显示：inline块.inline{
显示：内联块；
宽度：50px；
高度：20px；
}
#红色的{
背景色：红色；
}
#绿色的{
背景颜色：绿色；
}
#蓝色的{
背景颜色：蓝色；
}
测试
#续{
左边距：-20px；
}
.状态、.日期、.按钮{
浮动：左；
左侧填充：20px；
}
地位：
经核准的
拒绝
悬而未决的
错误
日期：
搜寻
显示：内联块一起使用
.inline{
显示：内联块；
}
地位：
经核准的
拒绝
悬而未决的
错误
日期：
搜寻
您尝试过什么CSS？显示：内联块使用内联-block@MohamedNagy那么你用得不对了“给一个人一条鱼，你可以喂他一天；教他钓鱼，你可以喂他一辈子”@Bálint我不能在一个帖子里教他CSS。我已经给了他解决办法。如果他想学习CSS，有10000多个教程需要学习。他应该对这条鱼感到满意。这仍然不意味着你应该发布一个完整的代码，没有任何关于更改内容的注释/描述。不要使用ID进行样式设置。@JoeConsterdine如果不是ID，那么我应该用什么来代替呢？使用类，我很快就在谷歌上找到了一个和你说的一样的网站，但我找不到。大多数人甚至说，如果你想引用一个单独的element@JoeConsterdine存在不同的id和类属性是有原因的。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<style media="screen">
#cont {
margin-left: -20px;
}
.status, .date, .button {
float: left;
padding-left: 20px;
}
</style>
<body>
<div id="cont">
<div class="status">
<label>Status: </label>
<select id="dropdown">
<option value="Approved">Approved</option>
<option value="Rejected">Rejected</option>
<option value="Pending">Pending</option>
<option value="Error">Error</option>
</select>
</div>
<div class="date">
<!-- Date Picker -->
<span> Date: <input type="text" id="datepicker"></span>
</div>
<div class="button">
<button type="submit" id="searchBtn" value="">Search</button>
</div>
</div>
</body>
</html>