Q&A
テキストを中央に寄せる方法を教えてください。
下記sectionについて、テキストは左寄せのままテキストを画像を真ん中に配置したいのですが、どうすればよいでしょうか？
教えてください。
ネットで調べて色々な方法を調べてますが、何やっても真ん中から動きません。
text-align centerもmargin 0 autoも効果ありません
width指定しても効果ありません
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="utf-8"> 5<title>サンプル</title> 6<link rel="stylesheet" href="sample.css"> 7</head> 8<body> 9 10 <section class="chuou"> 11 <h2 class="text">おおおおおおおおお</h2> 12 <p>ああああああああああああああああああああああああああああああああああ<br>いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい</p> 13 <p>うううううううううううううううううううううううううううううううううううう<br>えええええええええええええええええええええええええええええええええええええ</p> 14 <img src="gazou.png" alt="" width="700" height="600"> 15 </section> 16 17</body> 18</html>
css
1.chuou { 2 text-align: center; 3 width: 930px; 4}
回答1件
0
ベストアンサー
スタイルが効かない原因はsectionとclassの間に全角空白があるためです
HTMl
1 2<!DOCTYPE html> 3<html lang="ja"> 4<head> 5<meta charset="utf-8"> 6<title>サンプル</title> 7<link rel="stylesheet" href="sample.css"> 8</head> 9<body> 10 11 <section class="chuou"> 12 <h2 class="text">おおおおおおおおお</h2> 13 <p>ああああああああああああああああああああああああああああああああああ<br>いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい</p> 14 <p>うううううううううううううううううううううううううううううううううううう<br>えええええええええええええええええええええええええええええええええええええ</p> 15 <img src="gazou.png" alt="" width="700" height="600"> 16 </section> 17 18</body> 19</html> 20
CSS
1 2.chuou { 3 margin: 0 auto; 4 width: 930px; 5} 6
投稿2019/12/21 10:59
総合スコア10429
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/12/21 11:37