Cannot create a well behind my code

Here is my code so far, basically i'm just trying to create a well behind everything. It will be a single column of content.

<div class="well" id="well">
<h1>Aphex Twin</h1>
<h6><em>The genius behind IDM's greatest tracks</em></h6>
<center><a href><img align="middle" src="http://ift.tt/2wWdAKW" width="682.666 height="416"/></a></center>
</div>

I don't know what I did wrong. This is all html. I'm not sure if the divs are css properties exclusively? Is there a way to do this with bootstrap? After a couple different tries I still couldn't get it to work. This is my best guess.

sidenote: I'm using http://codepen.io maybe there is a known bug which doesnt allow wells to be made?