質問: リンクの表示方法で縦2列で表示させたいんですけどどうすればできますか? 表示させたいリンクはこちらです↓ ``` 球団一覧 セ・リーグ 読売ジャイアンツ 東京ヤクルトスワローズ 横浜DeNAベイスターズ 中日ドラゴンズ 阪神タイガース 広島東洋カープ パ・リーグ 福岡ソフトバンクホークス 埼玉西武ライオンズ 北海道日本ハムファイターズ 千葉ロッテマリーンズ 東北楽天ゴールデンイーグルス オリックス・バファローズ ``` 今のcssはこちらです↓ ``` .list1{ li{ color: #fff; padding-top: 30px; padding-bottom: 10px; } p{ color: #fff; } } .list2{ li{ color: #fff; padding-top: 30px; padding-bottom: 10px; } p{ color: #fff; } } ``` list1とlist2を縦2列に表示させたいです ちなみに今表示されている状況はこんな感じです↓ ``` セ・リーグ 読売ジャイアンツ 東京ヤクルトスワローズ 横浜DeNAベイスターズ 中日ドラゴンズ 阪神タイガース 広島東洋カープ パ・リーグ 福岡ソフトバンクホークス 埼玉西武ライオンズ 北海道日本ハムファイターズ 千葉ロッテマリーンズ 東北楽天ゴールデンイーグルス オリックス・バファローズ ```
回答: そもそもですが、``直下には``以外を入れてはいけません。 私だったら以下のように。 ``` セ・リーグ 球団名 パ・リーグ 球団名 ``` ``` #box dl { float:left; width:50%; } ``` 本当は`#box`をflexにしたほうが今は主流だと思います。 その他装飾は追記してください。