Class project: user-editing page for a haiku website
About the HTML

It’s typically a good idea to add a meta-charset element, which gives the character encoding of the page (e.g., "UTF-8"). This should be the first element in the head element:

&lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;!-- … --&gt;
&lt;/head&gt;


The body element can’t have a background attribute (it’s obsolete).

You should associate each label with its input. This can be done with the for attribute or by nesting the input inside the label. You can easily test if it works correctly: click the label, and the corresponding input should get the focus.

You have the closing tag &lt;/br&gt;, but miss the opening tag -- however, the br element has no closing tag to begin with, so you probably want to use &lt;br&gt; or &lt;br /&gt;. But it doesn’t seem to be correct to use br in this context anyway. br must only be used for meaningful line-breaks. If you just need some vertical space, use CSS instead.

The list seems to be navigation. If that’s the case, you could use the nav element:

&lt;nav class="bottom"&gt;
  &lt;ul&gt;
    &lt;!-- … --&gt;
  &lt;/ul&gt;
&lt;/nav&gt;