No puedo centrar el texto

xinxarl23 · #1 (**permalink**) 14/07/2012, 05:56

Hola de antemano muchas gracias

En un curso de css que estoy tomando me muestra que
básicamente con este código se centra el texto
y el icóno se pone de lado izquierdo
pero el código no se centra y se sobrepone pero a la persona q da el curso sí
le sale bien.

No tengo idea de que pueda ser.
Gracias por ayudar

Código Css y Html :

Código HTML:

<!DOCTYPE HTML>

<html>
   <head>
   <meta charset="utf-8"/>
   <title>Imagen</title>
   <style type="text/css">
   
   
   h1 {
   
        font-family:Georgia, "Times New Roman", Times, serif;
		font-size:20px;
		text-transform:uppercase;
		color:#5a722c;
		letter-spacing:0.1em;
		background:url(imagenes/pattern2.png) no-repeat top left;
		padding-left:85px
   }
   
 
   </style>
   </head>
   <body id="center">
           <h1>Características</h1>
   </body>
</html>

ipraetoriux · #2 (**permalink**) 14/07/2012, 06:07

la etiqueta h1 es una etiqueta de bloque, por lo tanto el width de la misma será igual a su contenedor...en este caso el contenedor es body, por lo tanto simplemente con esto deberia funcionar:

Código CSS:

Ver originaltext-align:center;

Ahora ese padding-left para que lo tienes? medio como que en este ejemplo no te sirve de nada

furoya · #3 (**permalink**) 14/07/2012, 09:56

Me parece que tiene un fondo a modo de "iconito". Si el contenido crece, no quiere que pise la imagen de 80px.

No estaría mal que cuando pongan ejemplos que incluyen imágenes, lo hagan con la ruta absoluta, para que las podamos ver.