HTML　

<span></span>

CSS

span{
  background:blue;
  width:100px;
  height:100px;
  border:1px solid;
  display:inline-block;
  margin:100px auto;
}

例えば、このような画像を作った際、真ん中に持っていきたいが、何故かtopはきくのに、autoの方は真ん中にいきません。

どうしてでしょうか？

inline-blockとかが関係してるのですか？

宜しくお願い致します