Poem formatting with HTML
Hello! In this project I will be formatting the poem “The Great Hunt” by Carl Sandburg according to the original format available through poetryfoundation.org. I will use HTML through Codepen.io and build upon what I learned in optional project 10.
Step 1:
Open the free Codepen.io website and create a new pen. Once the three boxes open up for HTML, CSS, and JS you can start.

Step 2:
I start by creating a heading for this project, because the poem has a title and author that will be my heading and subheading. I formatted the title of the poem to appear larger by using the <h1></h1> tags and made the author’s name smaller by using the <h3></h3> tags.

Step 3:
I then copied the entire poem into the HTML section without formatting anything just to get the material down.

Step 4:
Next I format the poem by creating spaces, indentations, and new paragraphs where necessary. I also add <p></p> tags to the beginnings and ends of each of the three paragraphs in the poem.

Step 5:
Using the formatting I already created I add breaks after each line using the <br> tag. This tag is interesting because it does not have a closing tag.

Step 6:
Lastly, I use the tag <pre></pre> so the formatting that I have entered into HTML will appear on the page. This allows indentations and spaces to have meaning. I use the <pre></pre> tags for the headings and for the poem text so it will all appear centered and reflect the original formatting of the poem. This is the final form of my HTML writing.

Below is the final version of the page I created. I am satisfied with this result and believe that it accurately displays the poem in the same way as the original on poetryfoundation.org.
