css - 画像内のログイン フィールドのスタイルを変更する

Question

ログインとパスワードのフィールドを同じ順序にしたいと思います。margin コマンドで css ファイルの順序を変更しようとすると、両方のフィールドが移動します。

Answer 1

このようなことを試してください。それを行う方法はたくさんありますが、これが最も簡単です。

http://jsfiddle.net/QutGz/1/

わからない欲求はフィドルの幅に行きます。あなたはこのように「コラム」を夜にすることができます：

label
{
float:left;
width: 100px;
}

input
{
float:left;
}

幅を最大のラベルテキストよりも大きくなるように設定します。

Answer 2

CSS floatを使用して、相互およびその親要素に対する入力位置を修正できます。

この実用的なフィドルの例を見てください!

次のような構造を想定します。

<form method="post" action="#">
  <div class="clear">
    <label>KULLANICI ADI</label>
    <input type="text" value="" name="foo">
  </div>
  <div class="clear">
    <label>SIFRE</label>
    <input type="text" value="" name="bar">
  </div>
</form>

CSS ソリューションは次のようになります。

input[type="text"] {
  float: right;
}
.clear {
  clear:both;
}