Need help with tech project on codepen

HTML-CSS
1

Hey guys. I am trying to do my Technical project on codepen. I’ve decided to do it on CSS that way I can go through all my notes and basically just repeat it again to better memorize. While trying to do so, I am trying to write the color css styles, I can’t get it to show the format of the style.
I want it to look like this:

<h2 style=”color: blue;”>hello</h2>

I have attempted to use:

<code><h2 style=”color: blue;”>hello</h2></code>

but when I try to, it only comes up as

hello

Anyone know how to do this?

2

you want to display this line <h2 style=”color: blue;”>hello</h2> instead of just hello?

3

yes. I want the actual code to display on the finished product.

I am able to have an external style display without anything special, however I can not get the inline or internal style to display

4

thats how we do it

<pre>
        <code>
            &lt;!doctype html&gt;
            &lt;html lang="en-US"&gt;
            &lt;head&gt;
                &lt;meta charset="utf-8"&gt;                
                &lt;meta name="generator" content="JSFiddle"&gt;
                &lt;/body&gt;
                &lt;meta name="description" content="Displaying your source code on web page."&gt;
                &lt;meta name="author" content="Anna Medvedeva"&gt;
            &lt;/head&gt;
            &lt;body&gt;
                &lt;h1&gt;Displaying your source code on web page&lt;/h1&gt;
                &lt;p1&gt;Do you read, write and speak code? Learn how to share your skills!&lt;/p&gt;
            &lt;/body&gt;
            &lt;/html&gt;
        </code>
    </pre>
5

would this be correct?

        <li><code>&lt;<style>
        .blue-text {color: blue;}
          </style>&gt;</code>
        </li>
6

Hey @medic_83!

If your desired result is this

 <style> .blue-text {color: blue;} </style>

Then your code should be this

        <li>
          <code>&lt;style&gt;
        .blue-text {color: blue;}
          &lt;/style&gt;
          </code>
        </li>
1 Like
7

YES! That worked! Thank you tons!!

1 Like