Letras capitales

[gutiw]

Hola:
Estoy buscando la manera de poner la primera letra de un texto como capital y he empleado el seudo-elemento first-letter, pero me pone todo el párrafo en capitales.

P:first-letter {
font-size: 250;
float:left
}

p {
text-indent: 2em;
margin-left: 10px;
margin-top: 20px;
}

¿Cómo debe hacerse?

Gracias por la ayuda

[caricatos]

Hola:

Me temo que la otra opción: "text-transform: capitalize" devuelve el mismo resultado.

Saludos

[gutiw]

Pues a mí ni eso, lo he probado y el texto se queda igual, incluso he probado quitando el "text-indent" por si acaso, pero nada.
Gracias por responder.
Un saludo

[RoQ]

Iniciado por gutiw

Hola:
Estoy buscando la manera de poner la primera letra de un texto como capital y he empleado el seudo-elemento first-letter, pero me pone todo el párrafo en capitales.

p:first-letter{
font-size: 250px;
float:left;
}

p{
text-indent: 2em;
margin-left: 10px;
margin-top: 20px;
}

¿Cómo debe hacerse?

Gracias por la ayuda

no funciona en IE

[gutiw]

Bueno, lo he probado y funciona en IE, Firefox y Opera (no quería decir 250px, quería decir 250%) lo que pasa es que no queda muy bonito, la capital no queda encajada perfectamente, Firefox peor que en IE, Opera más o menos, voy a trabajar el asunto a ver si lo puedo arreglar, gracias por las correcciones RoC.
Un saludo

[gutiw]

Me olvidaba, en Dreamweaver se ve todo el texto enorme, aunque luego en la vista con los exploradores eso se corrige y se ve la capital con el texto normal.
Misterios...

[RoQ]

de repente el float left es lo que hace que no se vea encajada

[gutiw]

Pues sí, quitándole el float left se encaja mejor, pero el rpoblema es que se pone en la primera línea y sobresale por arriba y yo lo que quiero es que ocupe tres líneas de alto. De todos modos con el problema del visionado en Dreamw. es imposible trabajar, las letras se ven enorrrrrrmes, necesitaría una pantalla de 1000", de momento renuncio, pues tengo que entregar el trabajo y no paran de llamarme...
Muchas gracias RoC

[CORE]

p:first-letter{
font-size: 50px;
float:left;
}

p{
font-size: 25px;/*haz probado darle propiedade fontsize al p?*/
text-indent: 2em;
margin-left: 10px;
margin-top: 20px;
}