Styling Thank You Page
<p>I'm trying to style my Thank You page from a form submission. It must include:
- page background color
- border around the user profile image place holder
- one line above your user information and below your user information.</p>

<p>The Thank You page consists of three columns:
Column 1 is for the user profile image
Column 2 is for all form information except comments
Column 3 is for comments.</p>

<p>Here's the HTML code for the Thank You page:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>#columncontainer {
  width: 960px;
  margin: 0 auto;
}

#column1 {
  float: left;
  width: 240px;
}

#column2 {
  float: left;
  width: 480px;
}

#column3 {
  float: left;
  width: 240px;
}

#footer {
  clear: both;
}

#image {
  margin-left: auto;
}

#columncontainer {
  background-color: white;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h1&gt;Thank you for your information.&lt;/h1&gt;
&lt;h3&gt;Below is your profile information.&lt;/h3&gt;

&lt;div id="columncontainer"&gt;
  &lt;div id="column1"&gt;

    all column 1 data here
    &lt;figure&gt;propic.png &lt;figcaption&gt;Profile Pic&lt;/figcaption&gt; &lt;/figure&gt;
  &lt;/div&gt;

  &lt;div id="column2"&gt;
    &lt;hr&gt;
    all column 2 data here
    &lt;hr&gt;
  &lt;/div&gt;

  &lt;div id="column3"&gt;
    all column 3 data here
  &lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>How can I improve these pages?</p>