html - 向右浮动而不改变垂直位置

Question

我的网页上有一个标题，如下所示:

我想将这些链接一直向右移动，但是当我这样做时，它们也会向上移动，如下所示:

使用照片编辑程序，下面是我想要的(右下角的链接)。好吧，理想情况下我希望整个东西垂直居中，但目前这似乎对我的能力要求过高。我会选择保留在右下角的链接。

HTML 如下。唯一的变化是其中包含 float:right 的 div(包含链接的 div)。这样做会导致链接向右移动，但随后也会向上移动。我不想起来。我尝试过各种方法，但都没有用。我一定错过了一些简单的东西。如何让链接在不向上 float 的情况下正确 float ？

        <div style="width:900px">
            <div class="center" id="headerTopics" style="white-space:nowrap">
                <img src="~/Content/images/wizard1.ico" height="48" width="48"/>
                <h1 style="font-size: 32px; display:inline">Presto</h1>
                <div style="display:inline; float:right;">
                    <a href="#" id="appsLink">Apps</a>
                    <a href="#" id="serversLink">Servers</a>
                    <a href="#" id="variablesLink">Variables</a>
                    <a href="#">Resolve</a>
                    <a href="#" id="installsLink">Installs</a>
                    <a href="#">Log</a>
                    <a href="#">Ping</a>
                    <a href="#">Global</a>
                    <a href="#">Security</a>
                </div>
            </div>
        </div>

Answer 1

为 float 的 div 添加边距:

<div style="display:inline; float:right; margin-top:30px">

jsFiddle example