html - 向右 float 而不更改垂直位置

我的网页上的标题如下所示：

            

我想将这些链接一直向右移动，但是当我这样做时，它们也会上升，就像这样：



使用照片编辑程序，下面是我想要的（右下角的链接）。好吧，理想情况下，我希望整件事都垂直居中，但这一刻似乎要求我的能力太多。我会留意右下角的链接。



HTML在下面。唯一的变化是其中包含float:right的div（包含链接的div）。这样做会使链接向右移动，但随后也会向上移动。我不要了我已经尝试过各种方法，但是都没有用。我一定想念一些简单的东西。我如何才能使链接正确浮动而不向上移动？

        <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>

最佳答案

在浮动div中添加边距：

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

jsFiddle example

关于html - 向右 float 而不更改垂直位置，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21490879/