概要(工事中だけどもう出します更新していきます！)

物語を読み進めることでCSSのmargin相殺について触れてみよう
####物語
俺の名前はジン触れると間を相殺する力を持つ14歳だ。
間の相殺→margin相殺(ブロックレベル要素が接するときmarginが打消しあうこと)

Pタグの例

<p>テスト</p>
<p>テスト</p>
簡単に言うと重なっているてこと

###ブロックレベル要素　(要素の前後にmarginあり)縦並びに配置される

ブロックレベル

<div>テスト</div><h1>テスト</h1>↓
テスト
テスト

###インライン要素　(要素にmarginなし)横並びに配置される

インライン

<span>テスト</span><span>テスト</span>↓
テストテスト