格式化一行而不移出中心

Question

您好我是HTML / CSS的初学者，特别是使用html / css进行格式化。我想知道是否有人可以帮助我格式化我的线路。

现在我想尝试使这个行像

（IF＃是一个空格）

“###欢迎###登录”

然而，当我尝试这个时，结果却是

“＃Welcome ### Sign In”

当我尝试将登录放在一行时欢迎转移到左侧。

这是我的代码

<p class="welcome">Welcome to the Tutor Center</p>
<p class="signin">Sign In</p>

<style type="text/css">
    .welcome {
    align:center;
    }
    .signin {
    float:right;
    padding-right:10;
    }
</style>

这可能是一个非常简单的错误，但我似乎无法弄清楚......

感谢

Answer 1

您希望这两个项目并排，但在登录位于右侧时欢迎居中：

http://jsfiddle.net/zuLCM/3/

.welcome { text-align: center; }

.signin { position: absolute;
    right: 1em;
    top: 0; }

Answer 2

检查这个小提琴：

http://jsfiddle.net/RU6fD/

.welcome {
text-align:center;
}