html - 格式化一行而不偏离中心

Question

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

现在我想试着把这条线做成类似

(如果#是空格)

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

但是当我现在尝试这个的时候，结果是这样的

“#欢迎###登录”

当我尝试将标志放在一行时，welcome 向左移动。

这是我的代码

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