Javascript 2内联div'；s、 第二名赢得'；I don’我和第一个不符

我试图让第一个div“#grp1”左对齐并与第二个div“#grp2”对齐。两个div中都有2个输入元素，它们在div中垂直对齐

问题是grp2 div没有调整其宽度以适应同一行。我一直在重置它的宽度，但是控制台元素检查器在页面上显示它没有减小。我只有通过减少grp1的with，才能使它们处于同一条线上。grp2仍然没有改变。我希望一切都更紧凑

多谢各位。如果您有时间的话，我将非常感谢您提供一些关于grp2 div根本没有扩展的详细信息；我似乎一直被标记问题所困扰

图例{
颜色：RGB（25115115）；
}
.标签{
浮动：左；
宽度：60%；
边缘顶部：5px；
字体大小：粗体；
颜色：RGB（25,90,90）；
字号:18 ;；
字号：8；
字体系列：“开放式Sans压缩”，无衬线；
}
.格式文本{
颜色：RGB（100100）；
字号:15 ;；
字号：6；
字体系列：“开放式Sans压缩”，无衬线；
利润上限：3倍；
}
.grp1{
浮动：左；
宽度：40%；
位置：相对位置；
}
.grp2{
位置：相对位置；
左边缘：45%；
}
挑选{
边缘底部：29px；
}
.呃{
字号:15 ;；
字体：斜体；
颜色：RGB（180100100）；
}

你好，世界
选择你的主题。



选择您的搜索模式。

搜寻
居住
选择搜索的开始日期，最早为一周前：



选择搜索的结束日期：

由于您已将其设置为相对，因此无需提供45%的保证金。只要把它取下来，它就会起作用

图例{
颜色：RGB（25115115）；
}
.标签{
浮动：左；
宽度：60%；
边缘顶部：5px；
字体大小：粗体；
颜色：RGB（25,90,90）；
字号:18 ;；
字号：8；
字体系列：“开放式Sans压缩”，无衬线；
}
.格式文本{
颜色：RGB（100100）；
字号:15 ;；
字号：6；
字体系列：“开放式Sans压缩”，无衬线；
利润上限：3倍；
}
.grp1{
浮动：左；
宽度：40%；
位置：相对位置；
}
.grp2{
位置：相对位置；
}
挑选{
边缘底部：29px；
}
.呃{
字号:15 ;；
字体：斜体；
颜色：RGB（180100100）；
}

你好，世界
选择你的主题。



选择您的搜索模式。

搜寻
居住
选择搜索的开始日期，最早为一周前：



选择搜索的结束日期：

太简单了！非常感谢你的帮助。我不知道我是怎么错过的，但事情正按照我现在的预期进行着：）。当它解锁时，我会接受你的答案。只是为了补充一点，以防其他人也被类似地卡住：从.label css中去掉“width:60%”使包含.label类元素的div能够更好地缩小。