どのようにインライン要素の幅を設定するには？

Question

私はこのCSS持っている：

.test { 
    background-color:#00ff00; 
    display: inline;  
    width: 200px; 
} 

<div class="test">test1</div> 
<div class="test">test2</div> 

をしかし、幅が読まれていないようです。どのようにCSSを変更するには？ おかげ

Answer 1

inline項目が明示的に設定幅を持つことができません。代わりにinline-blockを使用してください。

.test { 
    background-color:#00ff00; 
    display: inline-block; 
    width: 200px; 
} 

注意、しかし、IE 6/7はinline-blockとの互換性の問題を持っていること、それはデフォルトでブロックレベルの要素に適切に適用されません。これらの問題can be resolved。