Evo01

Гуру css и html подправьте пожалуйста код)
Нужно выставить кнопки в ряд и выровнять их по центру

Код css/html







Главная страница


a.button1 {
background: url(img/homepage.png); / Путь к файлу с исходным рисунком /
display: block; / Рисунок как блочный элемент /
width: 250px; / Ширина рисунка в пикселах /
height: 50px; / Высота рисунка /
}
a.button1:hover {
background-position: 0 -50px; / Смещение фона при наведении /
}
a.button1:active {
background-position: 0 -100px; / Смещение фона при нажатии /
}



a.button2 {
background: url(img/menu.png); / Путь к файлу с исходным рисунком /
display: block; / Рисунок как блочный элемент /
width: 250px; / Ширина рисунка в пикселах /
height: 50px; / Высота рисунка /
}
a.button2:hover {
background-position: 0 -50px; / Смещение фона при наведении /
}
a.button2:active {
background-position: 0 -100px; / Смещение фона при нажатии /
}



a.button3 {
background: url(img/stati.png); / Путь к файлу с исходным рисунком /
display: block; / Рисунок как блочный элемент /
width: 250px; / Ширина рисунка в пикселах /
height: 50px; / Высота рисунка /
}
a.button3:hover {
background-position: 0 -50px; / Смещение фона при наведении /
}
a.button3:active {
background-position: 0 -100px; / Смещение фона при нажатии /
}



a.button4 {
background: url(img/kontakts.png); / Путь к файлу с исходным рисунком /
display: block; / Рисунок как блочный элемент /
width: 250px; / Ширина рисунка в пикселах /
height: 50px; / Высота рисунка /
}
a.button4:hover {
background-position: 0 -50px; / Смещение фона при наведении /
}
a.button4:active {
background-position: 0 -100px; / Смещение фона при нажатии /
}















Пишу сайт в первый раз строго не судите.