テーブル並べる練習

練習でテーブルを作ろうとしてつまづきました。画像の上部が実現したものであり、下部が理想です。 ![イメージ説明](c53e37f9eee0e096b51d1a608f22d38a.png) ご教示いただきますよう、何卒よろしくお願い致します。 ```HTML テーブル並べる練習

あ
い	う	え

か

き

く

け

さ
し

す

``` ```CSS body { background : #ccc; font-family: 'Courier New', sans-serif; font-weight: bold; font-size: 0.5em; width:100em; } .スパン{ background-color: #855; display: inline-block; display: inline; /* padding: 1em; */ white-space: nowrap; } table, th, td { border-collapse: collapse; border: thin solid #333; } .あ行{ background-color: #2e2; text-align: justify; text-align: center; float: left; width: 20em; } .あ行 tr:nth-child(2) td{ background-color: #2ee; height: 5em; } .か行{ text-align: center; position: relative; height: 3em; top: 0em; left: 1em; } .か行 td:nth-child(1){ width: 4em; } .か行 td:nth-child(2){ width: 5em; } .か行 td:nth-child(3){ width: 6em; } .か行 td:nth-child(4){ width: 7em; } .さ行{ position: relative; height: 4em; top: -0.02em; left: 1em; } .さ行 td:nth-child(1){ width: 2em; text-align: center; } .さ行 td:nth-child(2){ width: 20em; } ```

	@@ -1 +1 @@
1	- CSSのテーブルのスタインリングでつまづきました
1	+ CSSのテーブルのスタイリングでつまづきました

質問編集履歴