Aplicar css en javascript

[lepe]

Muy buenas,
Estoy intentando darle un margin a un fichero js y no consigo hacerlo. El codigo que quiero modificar es el siguiente:

Código PHP:

  $('#layered_'+slider['type']+'_range').html(from+' hasta '+to);  
   

Querria hacer lo siguiente suponiendo que se haria como html (en rojo el codigo orginal y en gris el codigo que quiero añadir):

<p style="margin: 1em 0">$('#layered_'+slider['type']+'_range').html(from+' hasta <span style="float:right">'+to);</span></p>

¿Alguien sabe como se podría hacer esto en un fichero .js ?

Un saludo y gracias

[C2am]

Me parece que lo que deberías hacer es aplicarle el estilo css al p que contiene (según parece aunque no lo aclaras) a #layered. Y mediante este al span dentro

Código CSS:

p{
 margin: 1em 0;
}
p span{
float:right;   
}
 

Ahora por lo que veo y creo usas jquery. En ese framework tienen funciones para css.

Saludos

[lepe]

gracias por tu respueta, el caso es que el css que lee el archivo tiene muchos #layered pero no tienen ningun layer slider ni #layered a secas. Luego hay un fichero .tpl que es donde no habría problemas para añadir el p y el span pero por mucho codigo que se añada no hace nada porque tiene prioridad el js. El codigo que he adjunto es la linea que quiero modificar
¿No hay ningun modo posible de añadir un p y span en esa linea de js ?

[pzin]

¿Has probado a usar !important?

[lepe]

Sí lo intenté, tanto en el tpl como en el js pero lo ignora. Intenté solo añadir el p del siguiente modo:

'<p style="margin:1em 0">
$('#layered_'+slider['type']+'_range').html(from+' hasta '+to);
</p>';

Supongo que estaré poniendo mal el p y el span en el js. Faltará algún parentesis o ' '

[pzin]

Me refiero en el CSS, no en el tpl ni el js.

[lepe]

pero es que en el css no está esa propiedad de layered aunque también intente crear una y puse important pero no hizo nada. Ese codigo js como quien dice está virgen sin estilos, saludos