Как сделать чтобы текст выравнивался не с левого края, а с середины?

Question

[Ne0n5amura1]

Текст выравнивается не совсем по середине, хотя выставлял margin-left: 50%, а когда хочу выставить 4 значения margin, то текст вообще улетает налево. Как это исправить?

Answer 1

[Сергей ZSA]

margin: 0 auto;0 - сверху и снизу, слева и справа автоматом высчитывает
text-align: center; центрирование текста в блоке
left:50%; transform: translate(-50%, 0%); центрирование абсолют/фикс блока, часто нужно для попапов.

Comments

[Ne0n5amura1]

.imgCenter {
display:block;
margin:300px auto 300px;
padding:0;
}

.textCenter {
text-align:center;
margin:0 auto;
left:50%;
transform:translate(-50%, 0%);
padding:6px 30px 6px;
font-family: Roboto;
background-color:white;

}

FAIL!!! Картинка опять уехала влево

[Сергей ZSA]

maxon20121999: На будущее - выкладывайте код куда-нибудь так чтоб можно было посмотреть, что у вас там получается, иначе вообще ничего не понятно.