marginの挙動について、お聞きしたいことがございます。
html
1<div class="calender_title"> 2 <p>{{$current_date->year}}年{{$current_date->month}}月</p> 3 <form class="next_calender"> 4 <input type="submit" value=">"> 5 </form> 6 </div>
css
1.next_calender{ 2 display:inline-block; 3} 4.calender_title{ 5 text-align:center; 6} 7.calender_title p{ 8 display:inline-block; 9 10 margin-right:150px; 11}
上記CSS部分のmargin-rightを指定する前は以下の画像の通りです。
指定後は以下の画像の通りです。
pタグに対しmargin-rightを設定すると、お互いに要素が引き離される挙動になります。
疑問点なのですが、何故右のform要素部分だけが右側に押しやられずにpタグ自身も左に押しやられるのでしょうか?
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。