html - 水平列表项不成行

Question

谁能告诉我为什么我的 3 个列表项与第一个列表项不对齐？

垂直差异似乎因浏览器而异。

完整代码和 css 在这里：http ://tinkerbin.com/sPPwMctY

Answer 1

通过对您的 CSS 进行一些更改，它现在是跨浏览器。

看演示

添加/更新如下：

.select_style {
    height:23px;
    line-height:23px;
}

.junior_rank #one  {
    position:relative;
    width:753px;
    left: 118px;
        /*Removed top property*/    
}

#groupranking_label {
    position: relative;
    left: 23px;
    width: 100px;
    top: 17px; /*updated*/
}

Answer 2

指定第二个和第三个框margin-top: 0;旁边的单选按钮。select

检查这个演示：http ://tinkerbin.com/3Kgy5SjV