如何在html5中左侧对齐地址栏

Question

我使用html5，css和js创建了一个网页。

在我设计了徽标，搜索框和菜单之后，我在标题的顶部添加了地址。

这是html和css代码：

HTML：

<div id="address">255 White Street, Danbury CT 06810 | 203.730.1776 | <a href="mailto:info@tksamericancafe.com" class="white">info@tksamericancafe.com</a></div>

的CSS：

#address {
width: 600px;
float: right;
display: inline;
font-size: 13px;
color: #FFF;
margin-top: 2px;
}
#address a 
{
    color:#fff;
}

以下是我的网页：http://s30.postimg.org/yrays8nfl/Untitled_1_copy.png

搜索框，菜单栏中所有其他边距相同，地址栏边距对齐不正确。

我需要将地址栏显示为float: right;，我添加但是浮动右边有一些不合适的地址。

任何人都可以帮助我吗？在此先感谢！..

Answer 1

尝试添加：

#address {
    text-align:right;
}

对于CSS，这会将文本推送到容器的右侧。