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

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

现在我想尝试使线像

（如果＃是空格）

“ ### Welcome ###登录”

但是，当我目前尝试此操作时，结果类似于

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

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

谢谢

最佳答案

您希望两个项目并排放置，但是“登录”位于右侧时“欢迎”居中：

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

.welcome { text-align: center; }

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

关于html - 格式化一行而不偏移中心，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20113501/