前提・実現したいこと
Airbnbの左右の余白について
https://www.airbnb.jp/host/homes?_set_bev_on_new_domain=1591182041_YTU3NzBhMWNiMjQ4
container2とcontainer3の左右の余白を同じにしたいです。
```html <div class="container2"> <div class="box"> <div class="right"> <h3>なぜAirbnbでホスト?</h3> <p>どんなお家やお部屋でも、Airbnbなら簡単かつ安全にシェアして、世界中の旅好きな仲間とつながれます。 予約可能日から料金、ハウスルール、ゲストとの交流頻度まで、すべて自分で決めることができます。</p> </div> </div> <div class="box"> <h3>困ったときも安心</h3> <p>万一に備えるUS$1,000,000の財物補償、US$1,000,000の賠償責任保険が全予約に自動付帯。ホストのみなさまと建物・家財の安全をお守りするため全力で取り組んでいます。</p> </div> </div> <hr width="50px" class="border-width-bold" color="black"> <h1 class="easy">3ステップで簡単ホスティング</h1> <div class="container3"> <div class="box2"> <div> <h3>無料でお部屋を掲載</h3> <p>共有のリビングルームから別荘に至るまで、どんなスペースでも登録料なしで共有しましょう。</p> </div> </div> <div class="box2"> <h3>ホスティング方法を設定</h3> <p>ご希望のスケジュール、料金、ゲストの要件を選びます。設定の際にはヒントも表示されます。</p> </div> <div class="box2"> <div> <h3>はじめてのゲストをもてなそう</h3> <p>リスティングが掲載され次第、条件にかなったゲストから連絡を受けとることができます。ゲストの宿泊前にご質問があればメッセージを送信できます。 ホスティングの始め方を学ぶ</p> </div> </div> </div> .container2{ display: flex; justify-content: center; margin-bottom: 50px; } .box{ width: 35%; margin: 10px; } .right { margin-right: 50px; } .border-width-bold { border-width: 3px; margin-bottom: 30px; } .easy { text-align: center; font-weight: bold; margin-bottom: 50px; font-size: 60px; } .container3 { display: flex; justify-content: center; } .box2 { width: 35%; margin-top: 10px; margin: 0 50px; }
試したこと
margin: 0 auto を試しましたがうまく機能しませんでした。
。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。