前提・実現したいこと
top.jpg 両サイドにpaddingを効かせたい
発生している問題・エラーメッセージ
右側のPaddingが効かない
該当のソースコード
ソースコード <html> <head> <style> body { margin: 0; padding: 0; width: 100%; } .outer { background-color: black; } .outer__inner { max-width: 1200px; position: relative; margin: 0 auto; box-sizing: border-box; } .outer__inner-img { margin: 0 auto; width: 100%; padding-right: 1.5em; } </style> </head> <body> <section> <div class="outer"> <div class="outer__inner"> <img class="outer__inner-img" src="top.jpg" alt=""> </div> </div> </section> </div> </body> </html>
試したこと
初心者であれこれコードいじりましたが、どのブラウザでも右側のパディングがききません。
補足情報(FW/ツールのバージョンなど)
コードブロック部分は```で頭を後ろを囲います
```html
//個々にコード
```
行頭や行末に何もあってはいけませんし、前後に改行が必要です。
質問内のコードが正しく読めないのでm.ts10806さんが指摘の通り質問を編集してください。
また、どうなってしまっているのか、どうなってほしいのかを画像などで提示できますか?
質問に画像を入れることができるので検討してください。
https://teratail.com/help/question-tips#questionTips3-7
回答3件
あなたの回答
tips
プレビュー