WEB制作初心者です。
コピーライトの上下に白い隙間が出来てしまいます。どうしたら埋めることが出来ますか?
解説よろしくお願いします。
【HTML】
<div class="footer"> <div class="dogoart_logo"> <img src="img/dogoart_logo.svg" alt="道後アートロゴ"> </div> <div class="footer_text"> <div class="footer_text_top"> <h1>日比野克彦×道後温泉 道後アート2019・2020 <br> 「ひみつジャナイ基地プロジェクト」 </h1> </div> <div class="footer_text_botom"> <div class="footer_text_left"> <h1> ■道後アート実行委員会事務局 </h1> <p>愛媛県松山市道後湯之町5-6 <br> (松山市産業経済部 道後温泉事務所内) <br> TEL:089-921-6464 FAX:089-934-3415 </p> </div> <div class="footer_text_right"> <h1> ■道後アート実行委員会事務局 </h1> <p> 愛媛県松山市道後湯之町6-8 <br> (道後温泉旅館協同組合 道後観光案内所内) <br> TEL:089-907-5930(8:30〜19:00) MAIL:kumiai@dogo.or.jp </p> </div> </div> </div> </div> <div class="copy_right"> <p>© 2019 dogo-art All Rights Reserved.</p> </div> </body> </html>
【css】
.footer{ max-width: 1140px; background-color: gray; min-height: 200px; display: flex; justify-content: center; align-items: center; max-width: 1140px; margin: 0 auto; } .footer { display: flex; } .dogoart_logo { flex: 1; margin: 3em; } .footer_text { flex: 5; display: column } .footer_text p { font-size: 0.8em; } .footer_text h1 { font-size: 0.9em; } .footer_text_botom { display: flex; justify-content: space-around; } .copy_right { background-color: gray; max-width: 1140px; margin: 0 auto; } .copy_right p { text-align: center; }
(質問文は編集できます)質問文のHTML/CSSはそれぞれコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
回答2件
あなたの回答
tips
プレビュー