To create our basic layout, we will use the <div> element. The <div> element is the most commonly used HTML element. <div> stands for divide, and we simply use it to divide our page into sections by creating boxes where we put our contents.
Let's clear our CSS in your <style> section and start from scratch.
We'll start first by adding a <div> element to wrap all the content we've created, and then add a class container to it:
<div class="container">
<h1 id="my-name">John Doe</h1>
<p class="text">I'm an <b>amazing</b> Designer</p>
<input class="form" type="email" placeholder="Your email">
<input class="button" type="submit">
<img class="image" src="images/designer.jpg">
<p class="text">Follow me on Twitter</p> <!--Added text-->
<a class="link" href="http://twitter.com/philippehong">My Twitter</a>
</div>