Как в css центрировать горизонтально кнопку вверх адаптивного дизайна сайта?

Question

[Чёкатилло]

Как в css центрировать горизонтально кнопку вверх адаптивного дизайна сайта: cg91812-wordpress-3.tw1.ru ? С имеющимся кодом css:
.class{
width: 400px;
margin: 0 auto;
}
#back-top {
position: fixed; bottom: 30px; right: 5%;
}
#back-top a {
width: 48px;
display: block;
text-align: center;
font: bold 8px Arial;
text-transform: uppercase;
text-decoration: none;
color: #fff;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
text-decoration: underline;
}
#back-top span {
width: 48px;
height: 48px;
display: block;
margin-bottom: -14px;
background: #000;
-webkit-transition: 1s;
-moz-transition: 1s; transition: 1s;
}

Comments

[Дмитрий Шамонов]

Нужно кнопку по центру экрана? Или слово "Вверх" в блоке по вертикали.

[Чёкатилло]

Дмитрий Шамонов: Кнопку Не обязательно этот код

Answer 1

[Андрей Гончаров]

#back-top {
	position: fixed;
	bottom: 30px;
	right: 0;
	left: 0;
	margin: auto;
	width: 50px;
}