HTML
1 <footer> 2 <div class="footer-contents"> 3 <div class="content-item response"> 4 <h3 class="border">お問い合わせ</h3> 5 <p>Twitter: </p> 6 <p>Facebook:</p> 7 <p>Gmail: </p> 8 </div> 9 <div class="content-item time"> 10 <h3 class="border">対応可能時間</h3> 11 <p>週5日稼働可能</p> 12 <p>時間帯: 9:00 ~ 22:00</p> 13 <p>適宜対応します</p> 14 </div> 15 <div class="content-item area"> 16 <h3 class="border">対応可能エリア</h3> 17 <p>兵庫県</p> 18 <p>大阪府</p> 19 </div> 20 </div> 21 </footer>
CSS
1footer { 2 background-color : rgba(80,80,80,0.8); 3 overflow: hidden; 4 margin-top: 70px; 5} 6 7.footer-contents { 8 9} 10 11.content-item { 12 float: left; 13}
footer-contentsを中央に寄せたいのですが、なかなか上手くいきません。
幅をつけて margin: 0 auto; やtext-align: center;なども試したのですが上手くいきませんでした。
回答よろしくお願いします。
コードはマークダウンボタン (<code>ってやつです)を押したらでてくる
```ここに言語を入力
コード
```
↑の枠の中のコードという文言を消して貼りつけてください。
「ここに言語を入力」という文字を消してHTML、CSSと記述してください
(質問文は編集できます)質問文のコードはそれぞれコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
float:left;とはいっているのですが、
フッター全体は真ん中に寄せてフッターの内部は左寄せ?にしたいのですか?
どこを真ん中でどこを左にしたいのでしょう。
footer-contentsを中央寄せにし、content-itemを横並びにしようとしています。
この手のものは現状の表示の画面キャプチャと目指す状態の画像があったほうが分かりやすいですよ。
回答4件
あなたの回答
tips
プレビュー