 <p>as far as I know, you shouldnt create two body tags. Instead in a body you can add two tags, and and put your contents inside divs. If you want to round the border of divs, you should use some css code.</p> <pre><code> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; #up { border:2px solid #a1a1a1; padding:10px 40px; background:#dddddd; width:90%; margin:5px; border-bottom-left-radius:2em; border-bottom-right-radius:2em; } #down { border:2px solid #a1a1a1; padding:10px 40px; margin:5px; background:#dddddd; width:90%; border-top-left-radius:2em; border-top-right-radius:2em; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div id='up'&gt; MAIN PART 1 The border-radius property allows you to add rounded corners to elements. &lt;/div&gt; &lt;div id='down'&gt; MAIN PART 2 The border-radius property allows you to add rounded corners to elements. &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>