Assessment wanted for Marking up a letter"

Hello,I wanted someone to check If I have done my assessment in right way.
Here is the link “https://codepen.io/Sentinus/pen/bGEePBW
I am having trouble with the font again in the example the font of adresses was not italic.How do I fix this?

Hi there @Sentinus!

The reason the addresses are not appearing in the font you expected is that you have wrapped them in <pre> elements to preserve the whiltespace, i.e. linebreaks. This approach is not wrong as such, but <pre> is normally used to mark up code blocks, hence most browsers give them a monospace “code type” font by default.

To get rid of this, you could set the font via CSS, for example this will reset the font to the same as the default font applied to the rest of the page.

pre {
  font-family: auto;
}

Alternatively, you could not include the <pre> element, and include a <br> at the end of each line where you want a line break to occur.

Some other points:

  1. The second address is not wrapped in an <address> element.
  2. <p>Dear Eileen,<br> could probably do with the <br> removing, and putting in its own paragrah.
  3. Similarly, the following bit doesn’t need the <br>s — the <p> elements are given their own spacing by default.

But apart from that, some good work here; well done!