前提・実現したいこと
フッター部分のテキスト(div)を中央寄せにしたいです
該当のソースコード
html
1<footer> 2 <div class="foot-wrapper"> 3 <div class="foot-nav"> 4 <ul> 5 <li> 成分一覧</li> 6 <li>ご利用規約</li> 7 <li>プライバシーポリシー</li> 8 <li>会社概要</li> 9 </ul> 10 </div> 11 </div> 12 </footer>
css
1footer { 2 width: 900px; 3 height: 80px; 4 background-color: gray; 5} 6 7.footer-wrapper { 8 width: 900px; 9 margin: 0 auto; 10} 11 12 13li{ 14 float: left; 15 padding:0px 20px; 16 border-right: 1px solid #000; 17 list-style: none; 18}
試したこと
margin: 0 auto;で中央寄せになると思うのですがならないです。
なぜ効かないのか原因が思い浮かばないのでお分かりになる方いましたら教えていただきたいです。
よろしくお願いいたします。
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/29 07:08