tableタグを使わずに要素を上下左右中央に配置する
テキストも上下左右中央に
テキストも上下左右中央に
テキストも上下左右中央に
たまには下に配置してみたり
上にも配置してみたり
tableタグをレスポンシブ対応させたい場合
ブラウザの横幅を720px以下にすると変わります。
display:block
| タイトル | テキストテキストテキストテキストテキストテキスト |
|---|---|
| タイトル | テキストテキストテキストテキストテキストテキスト |
| タイトル | テキストテキストテキストテキストテキストテキスト |
| タイトル | テキストテキストテキストテキストテキストテキスト |
display:list-item
| 項目1 | 項目2 | 項目3 | 項目4 |
|---|---|---|---|
| タイトル | あいうえお | あいうえお | あいうえお |
| タイトル | かきくけこ | かきくけこ | かきくけこ |
| タイトル | さしすせそ | さしすせそ | さしすせそ |
| タイトル | たちつてと | たちつてと | たちつてと |