0

私は CSS レイアウトが初めてで、問題に遭遇しました。これは私が現在持っているものです。http://jsfiddle.net/EPp5C/5/

#login {   
    margin: 0;
    padding: 0;
    width: 500px;
    float: right;
}
#login ul {
    margin: 0;
    padding: 0;
}   
#login ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size:14px;
    color: white;
}

この質問には 2 つの部分があります。最初の部分:

リスト項目を次のように表示したい

ユーザー名パスワード：

[テキストフィールド] [テキストフィールド]

対応するユーザー名とパスワードの下にテキストフィールドがあります。

4

3 に答える 3

0

を変更する必要があると思いますhtml。

このフォーム情報を に入れる必要はありませんul。実際、それは意味的に正しくありません。

これが私が提案するものです：

HTML

<div id="login">
    <form>
        <label>Username:</label><label>Password:</label> 
        <br />
        <input type="text" name="username" />
        <input type="text" name="password" />
    </form>
</div>

CSS

label{
    display:inline-block;
    width:170px;
    color: #fff;
}

divまた、できるだけ色の中に入れるためmargin-topに、#login

#login {   
    margin: 0;
    padding: 0;
    width: 500px;
    float: right;
    **margin-top:-30px;**
}

デモ

http://jsfiddle.net/EPp5C/9/

于 2013-10-30T17:47:56.627 に答える