How to preserve white spaces in html?

Question

Create a webpage that displays the hyperlink with the following color attributes.

• Set the color as %FF0000 for unvisited link
• Set the color as %FF00 for visited link
• Set the color as %FF00FF for mouse over link
• Set the color as %0000FF for selected link

Answer 1

Using pre tag we can preserve whitespace in HTML.

Example:

<pre>Query     Home</pre>

Also, using CSS we can preserve white space by using below styles.

.element  { 
   white-space: pre; 
}

Answer 2

Hello...

Using <PRE> to preserve white space, tabs, and line breaks can come in very useful with certain types of content.

<pre>Content here</pre>