質問: h2(見出し)の横にボックスを設置したい。 初心者です。教えてください...。
回答: 基本的に .head { float: left; } でヘッダを左に寄せれば、その右側に次のブロックが配置されます。 ただ、box1 に margin: 2em 0; があるので、上マージンが合いません(この記述を消せばわかります)。 それなのに >.box1 { >margin-top:-〇〇em;} > >をすればいけなくはないのですが、それだと汎用性が低くなってしまう と言われても・・・とは思います(すでにmarigin-topがあり、そのせいで位置がピタリとは合わせられない)。