は、水平方向のdivを中心と私はそうのように、進カラーコードの前に＃を付加だけでなく、水平方向中央の両方のdivとスパンのコンテナに、この入力フィールドを必要とする入力子

Question

にまたがる：

<div id="color_wrapper"> 
    <span>#<input type="text" value="ffffff"></span>  
</div> 

私は次のCSSで試してみます：

html, body{ 
    margin:0; 
    padding:0; 
    font-size:22px; 
    color:#fff 
} 

#color_wrapper{ 
    border: none; 
    background-color:#444; 
    text-align:center; 
} 

span, input { 
    border: none; 
} 

input{ 
    outline:none; 
    width:85px; 
    background-color:transparent; 
    font-size:inherit; 
    color:inherit; 
    display:inherit; 
} 

ハッシュが始まり、スパンと入力が中央に位置するように、私は限られた成功を収めています。問題は、divの幅を設定しようとしたときに発生し、幅は設定されていますが、左にスナップします。

divの幅を変更するにはどうすればいいですか？

Hereは、コードを使っています。

Answer 1

divにはmargin: 0 autoと指定してください。

html body{ 
 
\t margin:0; 
 
\t padding:0; 
 
\t font-size:22px; 
 
\t color:#fff 
 
} 
 

 
#color_wrapper{ 
 
    width:300px; 
 
\t border: none; 
 
\t background-color:#444444; 
 
\t text-align:center; 
 
    margin:0 auto; 
 
} 
 
    
 
span, input { 
 
    border: none; 
 
} 
 

 
input{ 
 
\t outline:none; 
 
\t width:85px; 
 
\t background-color:transparent; 
 
\t font-size:inherit; 
 
\t color:inherit; 
 
\t display:inherit; 
 
}

<div id="color_wrapper"> 
 
\t <span>#<input type="text" value="ffffff"></span> \t 
 
</div>

ことができます:)

Answer 2

この

span,input 
{ 
align:center; 
} 

はそれが:-)

を役に立てば幸い試してみてくださいホープ