How to indent html code examples

Question

I have a website or a html page and I want to indent my code for my visitors to see. For example:

<html>
<head>
</head>
<body>
<pre>
&lt;html>
&lt;body>
&lt;p>
hi
&lt;/p>
&lt;/body>
</pre>
</body>
</html>

In html, is there a way to indent a block code without using a lot of &nbsp ; , like the <blockquote> tag. this way, I can use something like this:

<html>
<head> &lt/head> <body>
<p> Hi
</p>
</body>

</html> Using:

<blockquote>
&lt;html>
<blockquote>
&lt;head>
&lt/head>
&lt;body>
<blockquote>
&lt;p>
<blockquote>
Hi
</blockquote>
&lt;/p>
</blockquote>
&lt;/body>
</blockquote>
&lt;/html>

I was wondering if there was a better way to indent blocks of code. If not, I was wondering if there was a way to use css to change it so there is no line on the side and it looks just link a normal indent to the user.

p1xel · Accepted Answer

You can use the pre tags to make preformatted text which can be indented via normal spaces/tabs.

<pre>
    &lt;html>
        &lt;head>&lt;/head>&lt;body>
            &lt;p>
                Hi
            &lt;/p>
        &lt;/body>
    &lt;/html>
</pre>

JSFiddle

How to indent html code examples

Tags:

html

jeffkmeng

1 Answers

p1xel

Recent Activity

Donate For Us

How to indent html code examples

Tags:

html

jeffkmeng

1 Answers

p1xel

Related questions

Recent Activity

Donate For Us