バタイユゲーム情報班のホームページで更新時に最新コンテンツの表示が乱れたので、
対策をメモしておく。
１．現象
下図枠内のようにリンク先の文字が横並び表示になり、区別ができない。
２．原因
画像と説明文を横並び表示にしているので、下図のように１番目のli文内の文字が少ないと
２番目のli文も横に表示できてしまう。
対策は、１番目のli文内の文字を増やして２番目のli文が横に表示できないようにする。
今回は下図枠内のように空白文字を２ケ追加する。
３．対策結果
下図枠内のようにリンク先の文字が縦並び表示になる。
＜個人的な感想＞
今まではli文内の文字が多かったので上手く縦表示されていたが、
横表示になった時に原因が分からずに時間が掛かってしまった。
HTML文の作成をしばらく離れていたので勘が鈍ってしまった・・・。