How to align lists and text side by side with div tags?
<p>I am relatively new to HTML and CSS and am working on recreating websites.</p>

<p><a href="http://postimg.org/image/mieiqgwdr/" rel="nofollow">My output looks like this</a></p>

<p>My (sloppy) code is here:
Both the CSS and HTML</p>

<p><a href="http://pastebin.com/4EVBj5zK" rel="nofollow">http://pastebin.com/4EVBj5zK</a></p>

<p>I would like to know how to properly align my text to the right of the div.</p>