webデザイナーのむーみんです。 横並びしているボックスの文字数で高さが揃わないのは嫌だなあ・・・jsでやろうかなっと思ったりする方も多いと思いますが、HTMLとCSSでできちゃう簡単な方法を2つご紹介したいと思います。 HTML <ul> <li>文字数ばらばらのテキストが入ります。</li> <li>文字数ばらばらのテキストが入ります。文字数ばらばらのテキストが入ります。</li> <li>文字数ばらばらのテキストが入ります。文字数ばらばらのテキストが入ります。文字数ばらばらのテキストが入ります。</li> <li>文字数ばらばらのテキストが入ります。文字数ばらばらのテキストが入ります。文字数ばらばらのテキストが入ります。文字数ばらばらのテキストが入ります。文字数ばらばらのテキストが入ります。</li> </ul>
![意外と知らない!?高さを揃えるコーディング方法 | サイドスリーブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/87e04994bf4350a134ee12a4831fbdaeda08967e/height=288;version=1;width=512/https%3A%2F%2Fwww.sidethree.co.jp%2Fblog%2F.assets%2Fthumbnail%2Fimg_thumnail20-1200wi.jpg)