Q&A
画像が真ん中によりません！
HTML
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>無題ドキュメント</title> <link rel="stysheet" href="style.css"> </head> <body> <div class="effect"><i class="fa fa-child fa-5x"></i>
<div></div> </div> <script src="jquery-3.5.1.min.js"></script> <script src="script.js"></script> </body> </html><h2>Section2</h2> <p>スクロールするとアイコンとテキスト順番に現れます</p> <div><img src="images/13.gif" alt=""></div> <div><img src="images/13.gif" alt=""></div> <div><img src="images/13.gif" alt=""></div>
css
@charset "UTF-8";
/* CSS Document */
- {
margin:0;
padding:0;
}
.effect{
display: block;
margin: 0 auto;
width:100%;
}
ある練習でこのように設定しましたができませんでした。。。。
誰か助けてください????
回答1件
0
ベストアンサー
下記で画像(img要素)とテキストが中央寄せになります。
css
1@charset "UTF-8"; 2/* CSS Document */ 3 4* { 5margin:0; 6padding:0; 7} 8.effect{ 9 text-align: center; 10}
投稿2020/12/10 10:42
総合スコア34073
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。