Centrando un Párrafo

Vamos a aprender ahora como centrar un texto. Utilizaremos, como no, los estilos.

En muchas ocasiones os convendrá que cierto párrafo aparezca centrado. Nuestros párrafos aparecen, por defecto (es decir, si no le indicamos otra cosa distinta) de modo "justificado".

Ahora vamos a crear un nuevo estilo llamado "centrado" que aplicaremos a los párrafos que deseemos que aparezcan de ese modo.

Para ello abrid el arhivo "estilo.css" e inlcuid la siguiente línea de código:

p.centrado { text-indent:0px ; text-align:center ; }

Los párrafos los teniamos antes definidos con la línea que empezaba por p {.... Esa es la forma que tomarán todos nuestros párrafos a menos que le digamos lo contrario.

Con la nueva línea que hemos insertado hemos definido el estilo de párrafo "centrado". Ahora guardad el archivo "estilo.css" y seguimos con la explicación.

Abrid ahora el archivo "index.htm". Vamos a centrar la línea del vínculo de CreaTuWeb.

Para ello realizad antes los siguiente pasos:

1.- Pinchad en "Texto" + "Estilo CSS" + "Editar hoja de estilos..."

2.- Escojed la unica que sale, llamada "estilo.css" pinchando dos veces sobre ese archivo. Después haced clic en y "Guardar" y luego en "Listo".

Esto era para que se reconocieran los estilos definidos en "estilo.css", Eso ya no hay que hacerlo más veces.

Ahora vamos a centrar la línea donde está el enlace a ComoCreaTuWeb.

1- Pinchad una sola vez sobre el enlace de CreaTuWeb.

2.- Ahora pinchad sobre "Texto" + "Estilos CSS" y encontraréis el estilo antes creado llamado "centrado".

3.- Haced clic sobre el estilo "centrado" y veréis como la línea donde está el enlace de ComoCreaTuWeb sale ahora en el centro.

Eso está muy bien, si que si. Ahora haced lo mismo con la primera línea, donde pone "Esta es mi página principal". Se hace de la misma manera, de modo que os dejo hacerlo solos, je je je.

La página ahora queda así:

Vista Previa con Internet Explorer
Comparte este artículo en tu red Twitter Comparte este artículo en tu red Facebook Comparte este artículo en tu red Google Enviar '' a Meneame.net