Ayuda:Centrar
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
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
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). |