幅サイズ不明のdiv要素を中央揃え

中央寄せにする、横幅が可変な要素をdivタグで囲い、外側の要素にtext-align: center;を指定します。
中央寄せにしたい要素にdisplay: inline-block;を指定します。

指定することで、親要素のtext-align: center;によって中央寄せになります。

■html

■css
.test_wrapper {
text-align: center;
}
.test {
display: inline-block;
}