私は1つのテキストボックスを左に浮かび、もう1つは浮動中心にしたいが、どちらのテキストボックスも同じクラスを持っている。

Question

同じクラスを使用する2つのテキストボックスがある（どちらも同じクラスでなければならない）。しかし、私は1つのテキストボックスを中央で浮動させ、もう1つを浮動小数点にしたいと思います。どうすればこれを達成できますか？

以下

は2つのテキストボックスです：

.numberAnswerTxt{ 
    float:left; 
    width:40px; 
    font-size:14px; 
    font-weight:bold; 
} 

Answer 1

がなぜ異なるIDを使用していませんか？あなたが1つのタグのために複数のクラスを組み合わせることができ

<input type="text" id = "input1" name="numberAnswer" class="numberAnswerTxt" onkeyup="numberKeyUp(this)" onkeypress="return isNumberKey(event)" onChange="getButtons()" > 
#input1 { 
float:right; 
etc.. 
} 

Answer 2

異なるIDや複数のクラスは必要ない：

以下

<input type="text" name="numberAnswer" class="numberAnswerTxt" onkeyup="numberKeyUp(this)" onkeypress="return isNumberKey(event)" onChange="getButtons()" > 

<input type="text" name="numberAnswer" class="numberAnswerTxt" onkeyup="numberKeyUp(this)" onkeypress="return isNumberKey(event)" onChange="getButtons()" > 

は= "numberAnswerTxt" クラスのCSSです。簡単peasy：

.numberAnswerTxt + .numberAnswerTxt { 
    display: block; 
    float: none; 
    margin: 0 auto; 
} 

More information about sibling selectors
CSSDesk example

Answer 3

：ような何か

.size { 
    width:900px; 
    height:300px; 
} 

.background { 
    background-color:red; 
} 

.leftfloat { 
    float:left; 
} 

と：

<div class="size background leftfloat">BOX</div> 

Answer 4

あなたは複数のクラスを使用することができます。

<input type="text" name="numberAnswer" class="numberAnswerTxt floatLeft" onkeyup="numberKeyUp(this)" onkeypress="return isNumberKey(event)" onChange="getButtons()" > 

<input type="text" name="numberAnswer" class="numberAnswerTxt" onkeyup="numberKeyUp(this)" onkeypress="return isNumberKey(event)" onChange="getButtons()" > 

.numberAnswerTxt{ 
    width:40px; 
    font-size:14px; 
    font-weight:bold; 
} 

.floatLeft { 
    float:left; 
}