Cambia 'este es el texto que se imprimira'
por el texto con la clase que quieras.
Por ejemplo:
'<p class="unaClaseCSS">este es el texto que se imprimira</p>'
Haciendo eso, el texto estará dentro de un elemento p
y tendrá la clase unaClaseCSS
, luego, en el .css, declaras los estilos para ese contenido.
Veamos un ejemplo donde asignamos el color rojo al texto:
.unaClaseCSS {
color: red
}
<p class="unaClaseCSS">este es el texto que se imprimira</p>
Queda claro que puedes combinar clases o lo que sea, ya eso depende de lo que necesites o quieras hacer.
Por ejemplo si pones:
'<p>Tu balance no está en números <span class="green-text">verdes</span>, sino que está en números <span class="red-text">rojos</span>, considera no seguir gastando</p>'
Y defines el .css adecuado, tendrás parte del texto en verde o en rojo, según cada clase.
Veámoslo en un snippet:
.red-text {
color: red;
font-weight: bolder;
font-size: x-large;
}
.green-text {
color: green;
}
<p>Tu balance no está en números <span class="green-text">verdes</span>, sino que está en números <span class="red-text">rojos</span>, considera no seguir gastando</p>
Y así, puedes combinar tu contenido como lo necesites, sin importar el nivel de complejidad.
'este es el texto que se imprimira'
por el texto con la clase que quieras. Por ejemplo:'<p class="unaClaseCSS">este es el texto que se imprimira</p>'
, ahí el texto estará dentro de un elementop
y tendrá la claseunaClaseCSS
, luego, en el.css
, declaras los estilos para ese contenido.