HTMLCategories:プログラミングリストの横並びと左右中央揃え左右中央に揃える際に重要なのが揃えたい要素が「インライン要素」か「ブロック要素」かです。要素はブロック要素のため、横並びにするにはいくつか方法があります。インライン要素に変更する方法です。今回は横並びにする方法と併せて、中央揃えに設定する方法も記載します。}}.listのrelativeで相対位置を決定します。下位要素のulのrelativeで、.listの左(left)位置から50%右に移動させます。下位要素のliのrelativeで、ulの左(left)位置から-50%右に移動させます。}}※ポイント※ulでwidth(幅)を指定するliの幅がulで設定した幅を超えてしまうとカラム落ちします。width以外にも、「margin」「padding」「border」の数値も含みます。逆にulで設定した幅に満たない場合は、中央に揃いません。幅全体をリンクしたいときはa要素で幅を変更すること。逆にa要素で高さも変更してしまうと、高さにもリンクが付いてしまうため注意が必要inline-blockはfloatを使用しなくても、横並びの中央寄せが出来るので便利です。リストに隙間が出来るので、隙間を気にするのであれば別途対応が必要です。td要素のような表示になるtable-cellにmarginは効きません。