50音のボタンを並べるCSSを考える検索システム実装の案件で、ひらがな50音のボタンを並べる必要がありました。子どもの頃によく見る、右上から縦にあ・い・う・え・お...と並んでいる表のようなデザインです。 今回はIE8にも対応しなければならなかったため、いろいろ考えた結果、あ行・か行といった行毎にリストを作り、floatを利用して並べました。 <ul class="list-syllabary-ja"> <li><span class="linename">あ行</span> <ul> <li><a href="#">あ</a></li> <li><a href="#">い</a></li> <li><a href="#">う</a></li> <li><a href="#">え</a></li> <li><a href="#">お</a></li> </ul> </li> <li><span class="linename
