中央寄せ色々

■absolute;を中央寄せ
.test{

position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
width: 100%;
text-align: center;

}

※translateの初期値はnone

■安全かもしれない
position: absolute;
top: 50%;
-webkit-transform : translateY(-50%);
transform : translateY(-50%);
text-align: center;
background-color: #cccccc;
width: 100%;
left: 0;
right: 0;
}

ieで謎のはみだしがある時
overflow:hidden;で対策

 

■横だけ中央よせ

position: absolute;
left: 50%;
-webkit-transform : translateX(-50%);
transform : translateX(-50%);