body width:360px;の中央化
margin:auto;position:relative;で bodyの中央化
親div pink 360で bodyの中央化
(div幅小さいと bodyの左端から)
中のtext-align:center;
注:子divは、常に 左端から


子div緑の中は、center
青div300中は左
赤div300中は右
別親div2 text-align:right;

別親divは、常に左端からだが、
divの2重化でその子divのcenter化が可能。
子divのcenter化
親div display:flex;justify-content:center

smh1(body widthなし)　smh3(body width 340)