Si se desea que una parte del artículo (texto, tabla, etc.)aparezca en el centro (a igual distancia del margen derecho que del izquierdo) se puede utilizar el siguiente código:

<div class="center" style="width:auto; margin-left:auto; margin-right:auto;">

a continuación la parte del artículo que quieres que aparezca centrada, y al final: </div>


Veamos un par de ejemplos;

1º con un texto relativamente corto, que efectivamente queda centrado

a continuación la parte del artículo que quieres que aparezca centrada, y al final

2º con un texto relativamente largo

Hay que tener en cuenta que en esta caso, lo que queda centado es cada una de las líneas que incluye este párrafo; además como el código incluye style="With:auto", cada línea ocupa todo el espacio disponible. Por eso si se quiere que el párrafo quede centrado pero sin ocupar todo, se puede cambiar ese trozo de código, como en el siguiente ejemplo.

3º un texto similar al del 2º ejemplo, pero de modo que ocupe solo un porcentaje del espacio disponible

Ahora las líneas tienen una longitud máxima, en este caso el 60% del espacio disponible, porque hemos modificado el código que marca el ancho: en lugar de "With:auto", hemos anotado "With:60%". Si, no obstante no era eso lo que deseábamos, sino que queríamos un párrafo justificado a la izquierda, tenemos otra posibilidad que se incluye en el siguiente ejemplo.

4º un párrafo centrado pero que tiene cada una de las líneas justificada a la izquierda

Para obtener el efecto deseado se ha introducido todo el texto en una tabla de una única celda; de modo que tenemos un párrafo "normal", pero centrado horizontalmente, y del ancho que se desee (en este caso el 60% del espacio disponible).