-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

どうぞ: jsFiddle

コンテンツを に配置し<div>、次の CSS を追加するだけです。

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

<div>適切なマージンやパディングを使用して配置し、CSS に追加します。text-align: right

于 2012-07-02T20:11:21.490 に答える