Question

以下是我的屏幕的样子

*********************************************************
*                      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*
*          ______________________________________       *
*                                                       *
*                                                       *
*                                                       *
*                                                       *

Answer 1

将其放在<div>中，并使用适当的边距和/或填充，然后添加到CSS：text-align: right

Answer 2

在这里：jsFiddle

您只需将内容放在<div>中，然后将以下CSS添加到其中。

.container {
    width:40%;
    text-align:right;
}

在屏幕右侧设置文本

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

更新1

2 个答案:

在屏幕右侧设置文本

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

更新1

2 个答案:

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