Need help please

[Adonis]

Hello guys,

Can anyone please help me with a problem I have?

How is possible to write my h1 with various colors?

for example,let's take the word FORUMS.

What is the solution if I want to have the h1 like this:

FORUMS

I tried to use the h1 as FOR and h2 as UMS , using the first-letter element but there was a problem. It was showing like that:

FORUMS

and like that:

FOR
UMS

How I can make it appearing as:

FORUMS

if of course there is a solution for that. I will appreciate it if someone can help me to find the solution with this problem.

I want to thank you for reading this

[aso186]

Something like this should work;

HTML: Select all

<h1><span>F</span>OR<span>U</span>MS

And for your CSS;

Code: Select all

h1 {
/*Styles for heading*/
}
h1 span {
color: /*Different colour*/
}

You can also use the CSS pseudo-element :first-letter to style the first letter of an element, without any additional HTML markup.