HTML と CSS のみを使用して、各文字が正方形の色付きの背景の垂直方向と水平方向の両方に配置されたテキスト (1 文字) 要素の行を作成したいと考えています。このようなもの：
http://jsfiddle.net/63PQa/で試してみましたが、背景が正方形ではなく、文字の配置が縦方向でも中心から少しずれているようvertical-align: middleです。
さらに、この要素の行を div 内にラップしています。この div は (CSS または HTML) テーブル内で使用されるため、セル内の垂直方向のセンタリングに影響を与えるファンキーなマージンはありません。
FF、Chrome、Safari 5+、Opera 11+、IE 9+ などの主要な最新ブラウザのみをサポートする必要がある