案件でこういうのが必要になって、コーダーから「出来ない」と報告を受けたけども「できるんちゃう」と思って実験したらできたのでメモ。 よくあるtable-cellを使うんやけども、縦並びなのはドンピシャな例が見つからなかったんで書いておきます。 デモ » こちらから コーポレートサイトの左右ナビに使いそうなやつです。 作り方 マークアップ方法です。display:table-cellを使います。 html レイアウトのためとはいえ、(文書構造上)無意味なspanが入ってるのが気に食わんけど、どうしても外せんかったので無念。 <ul> <li><a href="#"><span>1行のパターン</span></a></li> <li><a href="#"><span>1行のパターン</span></a></li> <li><a href="#"><span>2行のパターン2行のパターン2行のパ
![固定高さのボックス内に、テキスト上下センタリングで配置(複数行対応)したメニューを「縦並びで」作る | imasashi.net](https://cdn-ak-scissors.b.st-hatena.com/image/square/448eba595316e7443fd4734d6b2e05681ad6e8c5/height=288;version=1;width=512/https%3A%2F%2Fimasashi.net%2Fblog%2Fwp-content%2Fuploads%2F2013%2F11%2Ftablecell-menu.jpg)