lol<link href='https://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
<style>
body {
font-family: 'Special Elite', sans-serif;
padding: 0; 
margin: 0; 
background-color: #F9F9F9; 
}
div {
box-sizing: border-box; 
}
#sidebar {
background-color: #eee; 
height: 100%; 
overflow: auto; 
width: 20%; 
float: right; 
}
#main {
height: 100%; 
overflow: auto; 
width: 80%; 
float: left; 
display: flex; 
flex-flow: row wrap; 
justify-items: flex-start; 
align-items: flex-start; 
justify-content: flex-start; 
align-content: flex-start; 
padding: 25px; 
}
#title {
text-align: center; 
padding: 15px; 
}
.item {
margin: 10px; 
background-color: #fff; 
text-align: center; 
padding: 10px; 
border: 1px solid #eee;
flex-basis: 12%; 
height: 200px; 
}
.item img {
width: 50px; 
height: 50px; 
}
h2 {
width: 100%; 
border-bottom: 2px dotted #888; 
}
.blurb {
width: 90%; 
margin-left: auto; 
margin-right: auto; 
padding: 15px; 
background-color: #fff; 
border: 2px dashed #333;
margin-bottom: 30px; 
}
</style>

<div id="sidebar">
<h1 id="title">For Sale</h1>

<div class="blurb">
<p>This is a blurb where you can write whatever you want, for example, you can write a little paragraph or two about the things you are selling, whether or not customers can haggle, and so on.</p>
</div>

<div class="blurb">
Layout by Cheryl | Mail for your own.
</div>

</div>

<div id="main">

<h2>Costumes</h2>

<div class="item">
<img src="http://images.marapets.com/items/costume_millionaire.gif">
<br><b>Millionaire Costume</b>
<br>Qty: 1
<br>PRICE
</div>

<div class="item">
<img src="http://images.marapets.com/items/AirCostume.gif">
<br><b>Nimbus Costume</b>
<br>Qty: 1
<br>PRICE
</div>

<div class="item">
<img src="http://images.marapets.com/items/costume_poison.gif">
<br><b>Poison Costume</b>
<br>Qty: 3
<br>PRICE
</div>

<div class="item">
<img src="http://images.marapets.com/items/Prize-Costume.gif">
<br><b>Prize Costume</b>
<br>Qty: 1
<br>PRICE
</div>

<div class="item">
<img src="http://images.marapets.com/items/costume_seasonal.gif">
<br><b>Seasonal Costume</b>
<br>Qty: 1
<br>50,000,000 mp
</div>

<div class="item">
<img src="http://images.marapets.com/items/snowman_costume.gif">
<br><b>Snowman Costume</b>
<br>Qty: 1
<br>PRICE
</div>

<div class="item">
<img src="http://images.marapets.com/items/costume_water.gif">
<br><b>Water Costume</b>
<br>Qty: 3
<br>PRICE
</div>

<h2>Enchanted Plushies</h2>

<h2>Potions</h2>

<div class="item">
<img src="http://images.marapets.com/items/potion_fasoro_madscientist.gif">
<br><b>Mad Scientist Fasoro Potion</b>
<br>Qty: 4
<br>PRICE
</div>

<div class="item">
<img src="http://images.marapets.com/items/potions_chibs_seasonal.gif">
<br><b>Seasonal Chibs Potion</b>
<br>Qty: 1
<br>PRICE
</div>

</div>