スパンのセンタリング問題_html/css_WEB-ITnose

<スタイル>
#a{
幅:200px;
高さ:200ピクセル;
border:1px solid #F00;
フロート:左;
}
#b{
位置:相対;
幅:120ピクセル;
高さ:120ピクセル;
border:1px solid #0F0;
マージン:0 自動;
text-align:center;
}
スパン{

位置:静的;
パディング:10px;
ボーダー:#999 solid 1px;
}

tt
vv

＆＆lt; div id = "＆gt;一定lethloat左から左

我怎么样才个在在b中在中中居居而且顶部不超过呢呢
回复讨论(解决方案)

span{ padding:10px;
ボーダー:#999 solid 1px;

表示: インラインブロック;

}

スパン{
パディング:10px;
ボーダー:#999 solid 1px;
行の高さ: 40px;
}

span 里面追加display: inline-block; 就可饿了

<スタイル>
#a{
幅:200px;
高さ:200ピクセル;
border:1px solid #F00;
フロート:左;
}
#b{
位置:相対;
幅:120ピクセル;
高さ:120ピクセル;
border:1px solid #0F0;
マージン:0 自動;
text-align:center;
}
スパン{
ディスプレイ:インラインブロック;
位置:静的;
パディング:10px;
ボーダー:#999 solid 1px;
margin-top:30px;
}

tt
vv