前提・実現したいこと
htmlとcssを使ってLP制作をしています。
. ✉ ????
お問い合わせ ご利用ガイド
上記のような画像と文字をセットにしたリストを横並び・画面の中央寄せに配置したいです。
発生している問題・エラーメッセージ
画面中央にliをもってくることができていません。
該当のソースコード
####【HTML】
<body> <header> <nav class="header-nav"> <ul> <li><img src="img/navi-concept.png"><p>サービスコンセプト</p></li> <li><img src="img/navi-item.png"><p>アイテム一覧</p></li> <li><img src="img/logo-mainvisual.png"></li> <li><img src="img/navi-userguide.png"><p>ご利用ガイド</p></li> <li><img src="img/navi-voice.png"><p>お客さまの声</p></li> </ul> </nav> </header> </body>
####【CSS】
li{ list-style:none; } .header-nav ul li{ text-align:center; display:inline-block; }
試したこと
上記ソースコードで試しましたが画面左寄せのままです。
補足情報(FW/ツールのバージョンなど)
回答1件
あなたの回答
tips
プレビュー