Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.

In the CodePen Editor View, the preview pane is essentially a browser window (it’s an <iframe> of your code). It does just about everything a normal browser window does, including opening links in the same window. Unless—it’s told to do otherwise.

So, if you put a link to CodePen inside your Pen, you can end up with CodePen-ception — CodePen-in-a-Pen (hat tip to John Chin-Jew, who coined the term).

https://twitter.com/johnchinjew/status/650150713327116289

One workaround is to add target="_blank" to your links, like this:

<a href="http://www.codepen.io/you/pen/SLUG" target="_blank"></a>

That will make your links open in a new window/tab.

Or, you can work with it to make something cool! NobodyRocks took the CodePen rabbit-hole to a new level with this Phone styled iframe.