• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Nile Flores Media

Helping You Rock Out Your Website Like A Rockstar

  • Home
  • About
  • Blog
  • Portfolio
  • Hire Me
  • Resources
  • Contact
  • Blogging
  • WordPress
  • Social Media
  • SEO
  • Web Design
  • News
  • Podcast
You are here: Home » Web Design » Basic HTML: Explaining the PRE tag

Basic HTML: Explaining the PRE tag

By Nile Flores 1 Comment


The PRE tag, or <pre> is short for preformatting. It is a way to space your text the way you like, especially for those who like to do poetry with some fancy spacing. The PRE tag allows you to leave your text exactly how you typed it, including the spaces.

The PRE tag requires an opening and closing tag.

Just an example

I loved to watch the sunset
blue sky
f a  d   e    s
   into orange and red and yellow
        then
s
i
n
k
s
below the
h o r i z o n

This was the code used:

<pre>
I loved to watch the sunset
blue sky
f a d e s
into orange and red and yellow
then
s
i
n
k
s
below the
h o r i z o n
</pre>

Pretty cool trick, huh? So for those who like to write poetry or even for a dramatic effect, this is a pretty nifty html tag to use. Although it really is not an extremely important piece of code, like any resource – you never know when something comes in handy.

Have you tried it?


Filed Under: Web Design Tagged With: tutorial, web design

About Nile Flores

Nile is a 43-year old female from the greater St. Louis (Southern Illinois side) area. Nile is a mother of 1 son. She is also a web designer and developer, a graphic designer, and a public speaker, who exclusively designs and develops using WordPress. She also blogs at GoDaddy's Blog, Verpex Hosting's blog and her very personal sites, Pixelled and Nail Polish Happy.




Related posts:

Basic HTML: Using The Anchor Tag For A Page Jump Tutorial: CSS Rounded Corners Basic HTML Tutorial – What is HTML?

Reader Interactions

Comments

  1. Marla says

    June 23, 2011 at 10:16 am

    Niles, you're amazing. And, you just happen to post answers to questions I'm asking quite often. <remove the webcam> heh

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Follow Me On:

  • Facebook
  • Instagram
  • LinkedIn
  • Twitter
  • YouTube

Get The Latest WordPress & Blogging Tips

Sign up for my newsletter, and also get my free ebook on 10 Reasons Why Your Website Isn't Converting, and How to Fix it!




Try to be More Positive on Social Media

Note: You can click on image and view the video in a larger lightbox window.

Footer

The Blog

Lots of free information, tutorials, and more to help you bring your best foot forward with your website.

  • Blogging
  • WordPress
  • Social Media
  • SEO
  • Web Design

Get The Latest WordPress & Blogging Tips

Sign up for my newsletter, and also get my free ebook on 10 Reasons Why Your Website Isn't Converting, and How to Fix it!

Copyright © 2025 · · WordPress