リンクの表示方法で縦2列で表示させたいんですけどどうすればできますか?
表示させたいリンクはこちらです↓
<h1>球団一覧</h1> <div class="list1"> <ul> <p>セ・リーグ</p> <li>読売ジャイアンツ</li> <a href="http://www.giants.jp/top.html" target="_blank"><img src="http://p.npb.jp/img/common/logo/2018/logo_g_l.gif"></a> <li>東京ヤクルトスワローズ</li> <a href="http://www.yakult-swallows.co.jp/" target="_blank"><img src="http://p.npb.jp/img/common/logo/2018/logo_s_l.gif"></a> <li>横浜DeNAベイスターズ</li> <a href="http://www.baystars.co.jp/" target="_blank"><img src="http://p.npb.jp/img/common/logo/2018/logo_db_l.gif"></a> <li>中日ドラゴンズ</li> <a href="http://dragons.jp/" target="_blank"><img src="http://p.npb.jp/img/common/logo/2018/logo_d_l.gif"></a> <li>阪神タイガース</li> <a href="http://hanshintigers.jp/" target="_blank"><img src="http://p.npb.jp/img/common/logo/2018/logo_t_l.gif"></a> <li>広島東洋カープ</li> <a href="http://www.carp.co.jp/" target="_blank"><img src="http://p.npb.jp/img/common/logo/2018/logo_c_l.gif"></a> </ul> </div> <div class="list2"> <ul> <p>パ・リーグ</p> <li>福岡ソフトバンクホークス</li> <a href="http://www.softbankhawks.co.jp/" target="_blank"><img src="http://p.npb.jp/img/common/logo/2018/logo_h_l.gif"></a> <li>埼玉西武ライオンズ</li> <a href="http://www.seibulions.jp/" target="_blank"><img src="http://p.npb.jp/img/common/logo/2018/logo_l_l.gif"></a> <li>北海道日本ハムファイターズ</li> <a href="http://www.fighters.co.jp/" target="_blank"><img src="http://p.npb.jp/img/common/logo/2018/logo_f_l.gif"></a> <li>千葉ロッテマリーンズ</li> <a href="http://www.marines.co.jp/" target="_blank"><img src="http://p.npb.jp/img/common/logo/2018/logo_m_l.gif"></a> <li>東北楽天ゴールデンイーグルス</li> <a href="https://www.rakuteneagles.jp/" target="_blank"><img src="http://p.npb.jp/img/common/logo/2018/logo_e_l.gif"></a> <li>オリックス・バファローズ</li> <a href="http://www.buffaloes.co.jp/" target="_blank"><img src="http://p.npb.jp/img/common/logo/2018/logo_bs_l.gif"></a> </ul> </div>
今の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ベイスターズ 中日ドラゴンズ 阪神タイガース 広島東洋カープ パ・リーグ 福岡ソフトバンクホークス 埼玉西武ライオンズ 北海道日本ハムファイターズ 千葉ロッテマリーンズ 東北楽天ゴールデンイーグルス オリックス・バファローズ
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/24 01:53