按钮未对齐以选择表单答案

【问题标题】：button not aligning to select form按钮未对齐以选择表单
【发布时间】：2014-08-20 06:35:24
【问题描述】：

按钮位于选择表单下方。它们都在表格的一列中。如何使按钮位于选择表单的右侧，它们之间有一个微小的空间。

HTML：

 <form class='form-horizontal'>
        <fieldset  >   
            <span class='control-group' >
            <span  class='controls'>
                <select id='fl' class='form-control' style='cursor:pointer;'>
                    <option value='1'>Option1</option>
                   <option value='2'>Option2</option>
                   </select>

            </span>
            </span>
            <div><button id='mybtn' type='button'>Save</button></div>
        </fieldset>

    </form>

CSS：

#fl{
    padding: 3px;
    height:25px;
    font-style: italic;
    width:150px;
    margin-right: 0px;
}

在检查元素中，“<select id='fl' class='form-control' style='cursor:pointer;'>`”行悬停时，在右侧以橙色显示大量边距，尽管在我的 css 文件中将其设置为 0px。

JSFiddle:http://jsfiddle.net/qJ8ee/

【问题讨论】：

您需要发布一个适当的示例来演示该问题。尝试 jsFiddle 或 CodePen 演示。
我已将 jsfiddle 演示添加到我的问题中。您能查看一下吗？

标签： html css forms twitter-bootstrap-3

【解决方案1】：

试试这个：

#fl{
    padding: 3px;
    height:25px;
    font-style: italic;
    width:150px;
    margin-right: 0px;
    float:left;
}

JSFiddle：

http://jsfiddle.net/qJ8ee/2/

【讨论】：