質問: marginの挙動について、お聞きしたいことがございます。 ``` {{$current_date->year}}年{{$current_date->month}}月 ``` ``` .next_calender{ display:inline-block; } .calender_title{ text-align:center; } .calender_title p{ display:inline-block; margin-right:150px; } ``` 上記CSS部分のmargin-rightを指定する前は以下の画像の通りです。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/5c085d3207a9dbd57da445f62c01e2ab.png) 指定後は以下の画像の通りです。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/79ee062f776f4d84dc1582d11f868218.png) pタグに対しmargin-rightを設定すると、お互いに要素が引き離される挙動になります。 疑問点なのですが、何故右のform要素部分だけが右側に押しやられずにpタグ自身も左に押しやられるのでしょうか?
回答: デベロッパーツールで色々いじってみて何がどう影響しているか見ていけば良いのでは。 フロントエンドをやっていく際には必須です。 * CSSの修正が捗る「リアルタイムコーディング」とは * ChromeデベロッパーツールでCSS編集を楽しよう それに、自分のコードなのであれば他人に解説してもらっても根本理解にはほど遠いです(他人のコードなら余計に) こういうツールは積極活用してください。 活用できれば質問するより早く確実に理解でき、解決します。