La indentación de los párrafos

Eso si que es una palabra rara. Imagino que proviene de la propiedad "text-indent" que se aplica para establecer un margen a la izquierda solamente de la primera línea de cada párrafo, de modo que ésta queda más metida a la derecha que las demás líneas.

Se aplica colocando "text-indent: XXpx" entre los corchetes del elemento al que se lo queremos aplicar.

Vamos a aplicarlo a todos los párrafos de la parte principal, que eso queda muy bien. Un indentado de 15px creo que es suficiente. Como va a ser una propiedad para los párrafos (p) de dentro de la capa #contenido, incluimos el text-indent en esta línea (lo subrayo para que lo veas claro):

#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}

Ahora guarda la hoja estilo-general.css y haz vista previa de la plantilla para ver como queda. Te gusta? Esto de indentar solo tiene sentido cuando los textos están justificados o alineados a la izquierda. Cuando están centrados no se suele usar, pues no hace falta ese efecto.

Cómo llevamos los códigos?

Para estar seguros de que estamos haciendo el ejemplo según las lecciones aprovecho ahora para dejaros los códigos de la plantilla.html y de la hoja estilo-general.css según han quedado hasta ahora (en realidad lo hago para llenar hueco, que esta página se me había quedado muy cortita, je je je je)

plantilla.html

estilo-general.css