表格不要停留在按钮旁边

Question

我正在HTML网页上设计一个页脚，上面有一个无线电选择表格。我在页脚div中有一些按钮，使用<center>居中。没有它的形式，它100％工作。如果不在样式表中使用float: right;，我无法在其他按钮旁边显示该表单。当我使用float时，它与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