表单不在按钮旁边

Question

我正在 HTML 网页上设计一个页脚，上面有一个单选表单。我在页脚 div 内有一些按钮，使用 <center> 居中。没有表格，它可以 100% 工作。如果不在样式表中使用 float: right;，我无法让表单显示在其他按钮旁边。当我使用浮动时，它与 div 中的其余按钮不一致。我试过设置固定高度，但我希望它是动态的。那么我怎样才能让表单显示在链接旁边，就像链接彼此相邻显示一样？

JSFiddle：https://jsfiddle.net/o78s2s18/

图表：

Answer 1

您可以将两组元素放在各自的 <div> 中，并将它们都浮动到左侧。

<div style="float:left;">
    <a id="BtnStyle" href="example.com">10&nbsp;Views</a>
    <a id="BtnStyle" href="http://mirum.weebly.com/">About</a>
    <a id="BtnStyle" href="http://SD-Storage.weebly.com/#MirumFooter">SD-Storage</a>
</div>
<div style="float:left">
    <form action="#" width="200px" class="ThemeSelector">
        <input name="group1" type="radio" id="test1" class="red" />
        <label for="test1">Test 1</label>
        <br>
        <input name="group1" type="radio" id="test2" class="red" />
        <label for="test2">Test 2</label>
    </form>
</div>

Here's an example

表单不在按钮旁边

Form not staying next to buttons

html

css

forms

footer