Distintas formas de centrar un elemento en html.

centrar.css

/*1.-*/ .center {display: block; margin: auto;} //Se aplica al elemento que deseas centrar.
/*2.-*/ .center {text-align: center;} //Se aplica al padre.
/*3.-*/ .center {margin: 0px auto;} //Se aplica al padre.
/*4.-*/ .text-center {text-align: center;}