display:table-cell の基本的な使い方

まずは display:table-cell による基本的な要素の配置例です。
親要素に幅を指定していなので、均等幅での配置にはなりませんが、要素を横並びに配置することができます。

要素を均等幅で配置

要素を均等幅で配置するには、親要素に table-layout: fixed; と width の指定を行います。