.createForm__content {
position: absolute;
left: 50%;
width: 720px;
margin-left: -360px;
background: #f4f4f4;
box-sizing: border-box;
border-radius: 4px;
}
leftを50%に移動させ、
widthの半分の長さをmargin-leftに指定する。
アドバイスいただきました。↓
margin-left: -360px;
の代わりにtransform: translateX(-50%);
を使用する。
CSS3が使えて要素の幅が決まっていない場合には後者を使用するのがベスト。