-5

下面是我的屏幕的样子

*********************************************************
*                      Welcome to Mysite                *
*          ______________________________________       *
*                    Welcome user, logout.              *
*               Mon, 02-Jul-2012 22:59:07 AST           *
*          ______________________________________       *
*                                                       *
*                                                       *
*                                                       *
*                                                       *

我的代码是

<html>
    <body>
        <center>
            Welcome to Mysite<br />
            <hr width="40%" /><br />
            Welcome user, logout</br>
            Mon, 02-Jul-2012 22:59:07 AST<br />
            <hr width="40%" /><br />
    </center>
    </body>
</html>

我想要的是下面的东西。

*********************************************************
*                      Welcome to Mysite                *
*          ______________________________________       *
*                           Welcome user, logout.       *
*                   Mon, 02-Jul-2012 22:59:07 AST       *
*          ______________________________________       *
*                                                       *
*                                                       *
*                                                       *
*                                                       *

这意味着将一切设置正确。我相信这可以使用 CSS 来完成，但我不知道如何设置位置。

注意：文本不应位于屏幕右侧。它应该直到水平线的右侧。

知道如何完成这项工作吗？

更新 1

我不想要像下面这样的输出。

*********************************************************
*                      Welcome to Mysite                *
*          ______________________________________       *
*                                  Welcome user, logout.*
*                          Mon, 02-Jul-2012 22:59:07 AST*
*          ______________________________________       *
*                                                       *
*                                                       *
*                                                       *
*                                                       *
4

2 回答 2

4

将其放置在<div>具有适当边距和/或填充的 a 中并添加到 CSS 中：text-align: right

于 2012-07-02T20:11:21.490 回答
4

给你：jsFiddle

您只需将内容放在 a 中<div>并添加以下 CSS 即可。

.container {
    width:40%;
    text-align:right;
}
于 2012-07-02T20:15:53.510 回答