Menu de lecciones
- • Como crear una pagina web paso a paso
- • Descargar e instalar NVU
- • Configurar NVU
- • Conceptos básicos de HTML
- • Creando la pagina inicial
- • Insertando parrafos y saltos de linea en nuestra pagina
- • Crear enlaces con HTML
- • Insertar imagen con HTML
- • Hoja de estilos CSS
- • Conceptos básicos de estilos CSS
- • Poner fondo con estilos CSS
- • Centrar contenido con CSS
- • Margen y padding con estilos CSS
- • Crear listas con HTML
- • Maquetar pagina web con DIVs (capas o layouts)
- • Creando nuestro primer DIV
- • Dar formato a un DIV
- • Flotar y acomodar un DIV
- • Evitar que un DIV o capa se superponga con otra
- • Maquetando una pagina Web con DIVs o Capas (layouts)
- • Maquetar el contenedor general con CSS
- • Maquetar cabecera con CSS
- • Maquetar la barra lateral con CSS
- • Maquetar contenido con CSS
- • Maquetar pie de pagina CSS
- • Como subir una pagina Web
Compartir
Visitas a esta lección
5774
Valora esta lección
Sitios amigos
Centrar contenido con CSS
En esta lección aprenderemos a centrar contenido con CSS, primero crearemos una clase y luego la llamaremos desde el código HTML de nuestra pagina web.
Vamos a suponer que vienes siguiendo el curso desde el principio, o por lo menos, desde la lección de estilos CSS donde vemos que es una clase y como crearlas.
La clase que crearemos para centrar texto se llamará "centrar-texto" y contendrá el atributo "text-align" con el valor "center" de esta forma:
.centrar-texto{ text-align:center; }
y la usaremos desde el código HTML así:
<span class="centrar-texto">Este es el texto que irá centrado</span>
este código se verá así:
Nuestro archivo estilos.css va quedando así:
En rojo vemos la clase que creamos.
Siguiente lección: Margen y padding con CSS
Lecciones relacionadas
Imprimir
Enviar por email
Favoritos
Tamaño de fuente
Deja un comentario (Con tu cuenta de Facebook)