<code> tag with html inside

HTML-CSS
1

Hello!,
I’m starting the Responsive Web Certification and I’m working on the technical documentation.
Why the <code> tag doesn’t work in this example?
It works good with CSS and Javascript code but not with HTML inside.
What I’m doing wrong?

<pre>
  <code>
    <div class="box">
      <div>One</div>
	<div>Two</div>
 <div>Three
		      <br>has
		      <br>extra
		      <br>text
		    </div>
	</div>
  </code>
</pre>
2

I can’t belive it doesn’t works so in this message. :thinking:
this is the pen
code

3

I was reading the initial issue message and it had no < > anywhere, and then they appeared about 5 minutes later. Internet is having a slow day maybe?

4

The same appens to me! So I was thinking that the code doen’t work and I post a picture.
So I see that It work on the message but, why doesnt work on pencode, or in other browsers like firefox or Chrome?

5

My guess is that on this page, those boxes you insert are derived with JS and have to be loaded. Perhaps one of the main servers is having connectivity fluctuations, maybe causing some kind of time out on load? My only guess at the moment

6

Always avoid using <br>
Use CSS for styling.

7

Yoy can found my project in codepen, here: /Maruskina/pen/ZPgOZX
Sorry, I’m new and I can’t share links yet.
I insert a comment in the HTML point where I want to insert my code.

/Maruskina/pen/ZPgOZX

8

br tag was in the original example of code in the MZD page.
I want to show the same code in my page.

9

I solved it using &lt and &gt and not < and > inside the tags.
And now I have also enough points to share links :slight_smile:
Very happy.

Keep workin in the project! Thank you to everyone!