いつもお世話になります。
下記のイメージのようなナビゲーションを作成したいのですが、
テキスト部分の上下左右の中央が上手くいきません。
※何行になっても上下左右中央にしたいです。
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="Shift_JIS"> 5 <meta name="robots" content="noindex"> 6 <title>サンプル</title> 7 8 <style> 9 .table { display:table; width:600px; height:200px; background:#bbb; text-align:center; } 10 .table ul { display:table-cell; vertical-align:middle; } 11 .table li { display:inline-block; padding:20px; background:#fff; } 12 </style> 13 14</head> 15<body> 16 17 18 19<div class="table"> 20 <ul> 21 <li>ほげほげほげ</li> 22 <li>ほげほげほげ<br>ほげほげほげ</li> 23 <li>ほげほげほげ<br>ほげほげほげ<br>ほげほげほげ</li> 24 </ul> 25</div> 26 27 28 29</body> 30</html>
恐れ入りますが、
ご教示の程よろしくお願いいたします。
回答3件
あなたの回答
tips
プレビュー