No funciona el "justify"

[ThunderFx]

Hola .. Ya ando poniendome las pilas con los css.

Ahora quiero justificar, he puesto el siguiente codigo en mi clase:

Código PHP:

  .textos .desc{
    font-size: 11px;
    text-align: justify;
} 
   

Y como ven estoy justificandolo, el problema es que no lo justifica, una solucion es ponerlo en el codigo html pero ese no es el caso.
Estoy haciendo algo mal?

[reyesoft]

El problema seguro está en el HTML. Por lo que veo tienes que tener un div con class="textos" y dentro de ese div debés tener un p, por ejemplo, con class="desc".

Espero que te haya servido, sino es así, pon el codigo HTML. Otro consejo sería probar con poner 20px, a ver si lo toma y ver si el problema es que no te toma el estilo o es solamente el justify.

Saludos....

[ThunderFx]

Ok, es que estoy aprendiendo a usar CSS, muchas gracias por la respuesta.

Código PHP:

  // Defino la celda con textos
<td class="textos">

 // Pongo el texto con su clase
  <span class="desc">HOLA</span>
</td> 
   

Ahora mi pregunta es si ese div debe ir antes de "<table>" o donde y si es la siguiente sintaxis.

<div class="textos">

Gracias

[reyesoft]

Lo que tienes está bien y lo del div fue una recomendación mía ya que no habías publicado el código.

El texto solo se va a justificar cuando tengas varias líneas, y cada línea se justificará excepto la última (como MS Word).

Por lo tanto en vez de Hola, tienes que poner muchas palabras y verás como se justifica.

Cualquier cosa aquí estoy. Saludos...

[baccxus]

ThunderFX,

Tienes una "clase" en un "span" dentro de una "celda" con una "clase", dentro de una "fila" de una "tabla" y solo para poner HOLA!.

Código HTML:

/*Así debería ser tu HOLA*/
<p>HOLA</p> 

Como consejo, primero debes replantearte el uso de las tablas para maquetar, segundo, si ya estás usando CSS usa los "div" para dividir tu página, "p" para los parrafos, ul/ol y li para las listas y/o menúes (y demás etiquetas)y simplifcarás tu código (las tablas son para "tabular" datos), además no tendrías problemas de esta clase en tu código o si tuvieras problemas serían más fácil de econtrar y arreglar.

Saludos

PD: Less is more!

[SiR.CARAJ0DIDA]

la propiedad text-align se aplica a elementos de bloque como <div> o <p>, no tiene efecto alguno aunque tengas 600 lineas de texto dentro de un <span>