mover texto en una capa

[kaninox]

Hola gente me preguntaba cual es la etiqueta para mover texto dentro de una capa, a mover texto me refiero a que de top tenga no se alto se separe unos 4px o de costado izquierdo unos 8px por ejemplo, hasta hace poco venia haciendolo con margin-top: y paddding-left:; pero me mueven la capa y no el texto?
sugerencias....

saludos

[pzin]

Puedes usar margin y padding, que son parecidos pero nada iguales.

Por ejemplo, según lo que dices, sería margin: 4px 0 0 8px o bien margin-top:4px;margin-left:8px;.

[cristian_cena]

Esto va "en criollo"

div {
margin: te mueve la capa
padding: le da la distancia interna entre tu capa y el párrafo
}
p {
margin: le da la distancia entre la capa y el parrafo
padding: da la distancia entre la css-box de tu párrafo y el texto
}

si en body tienes:

<div><p></p></div>

!!! en css todos los elementos tienen su correspondiente css-box, pudiendo ser elementos de línea (ej. a, span, etc) o de bloque. (ej. p, div, etc)

En las FAQ creo hay una lista completa de su cada cual con su cada quien.

Saludos!

[Mikmoro]

Mete el texto en un span y haz lo que quieras con él. Lo más fácil es usar padding, o bien según el caso position: relative; y top, left, etc.

[kaninox]

yes lo solucione con un span como propone mikmoro la etiqueta <p> no me gusta ademas ya que da unos leves pixeles de alto... bueno gracias..


saludos

[cristian_cena]

<span> es un elemento de línea, sin dudas de muchísima utilidad, aunque lo correcto es que si quieres incluir un boque de texto, un párrafo, lo hagas con la etiqueta <p> que es un elemento de bloque.
http://www.librosweb.es/css/capitulo...elementos.html

Iniciado por kaninox

<p> (...) da unos leves pixeles de alto

Debe haber algun estilo que se lo indique o bien todavía no incluiste un reset para tu css.

Prueba con el clásico reset básico * {margin:0; padding:0;}

Saludos!

[Mikmoro]

Iniciado por cristian_cena

si quieres incluir un boque de texto, un párrafo, lo hagas con la etiqueta <p> que es un elemento de bloque.

No siempre es imprescindible, cristian, todo depende de qué vayas a poner. No es importante para esta cuestión en concreto el asunto de que sea un elemento de bloque o de línea. Podemos pensar que todo es un título, una lista o un párrafo, pero para eso existen también los span, para casos en lo que a nuestra consideraicón, ese texto no deba ser incluído en ninguna de esas categorias, por ejemplo.

Mi opinión, claro.

[cristian_cena]

Hola Mik:

"navegué" un poco el tema y solo encontre esto:
http://www.documentoweb.com/HTML/ele...div-y-span.php articulo en el cual toman como etiquetas neutras a div y span. Agradecería si me amplias la informacion con algun artículo.

En caso de que elija usar <span> para trabajar su texto ¿no le convendría convertirlo a bloque con la propiedad display:block;? ¿o actualmente es indiferente esta propiedad?

Saludos!

P/D: Hace tiempo que vengo aprendiendo de sus opiniones, lo que hacen de sus razones una enseñanza.