CodePen

HTML

            
              <body>
<img class="center" src="http://imgs.inkfrog.com/pix/dupfold/Pixel-Classics-Minecraft-2O3-951x154-Black-Rounded.jpg" alt="PixelClassics" width="610" height="99" />
<br />
<!-- For full size images, use the layout attribute value "full",
for thumbnailed images use the value "thumbs" -->
            <div id="hw_ebay_pictures"
 class="hw_ebay_pictures img"></div>
<br />
<h1>Description</h1>
<div class="outerbox"><div id="hw_ebay_description">Any content
within this container will be replaced with the product
description</div>
</div>
<br />
<br />
<h1>Special Offer!</h1>
<div class="outerbox"><h2>MULTIBUY FREEBIE!</h2><br /><h3>Buy five or more items, and receive the cheapest for free!</h3><br />
<p> It's as easy as 1, 2, 3!
<ol>
  <li><span>'Add to basket' five or more of my items, and complete your PayPal Payment.</span></li>
  <li><span>Before dispatch, I will refund the purchase price of the cheapest item.</span></li>
  <li><span>Enjoy your freebie! :)</span></li>
</ol>
</div>
<br />
<br />
<h1>Terminology Explained</h1>
<div class="outerbox"><h2>GAME REGION CODES</h2><br />
<div class="features"><p class="pwideheight"><span>PAL:</span>Compatible with UK, Europe, Australia & New Zealand Consoles.</p>
	<p class="pwideheight"><span>NTSC-U/C:</span>Compatible with North America 	Consoles.</p>
	<p class="pwideheight"><span>NTSC-J:</span>Compatible with Japan & Asia 	Consoles.</p>
    <p class="pwideheight"><span>NTSC-C:</span>Compatible with China Consoles.</p>
</div>
  <br />
<p>To make sure this game is compatible with your console, please note the game's region code in the 'Item specifics' section above. The game's region code must match that of your console, otherwise this game will not work. For example a PAL game will not work on an NTSC console and vice versa, so to avoid disappointment; you need to make sure to check the region code before you purchase.</p><br /><br /><h2>GAME CONDITIONS</h2><br />
<div class="features">
	<p class="pwideheight"><span>Like New:</span>Perfect condition.</p>
	<p class="pwideheight"><span>Good:</span>Marks or scratches to various degree, but in full working order.</p>
</div>
<br />
<p>Regardless of condition, all games have been tested and will work 100% without fault. Being an avid gamer myself for over 30 years, I understand the importance of receiving games as quickly as possible, and in the condition described. These conditions are of course of my own opinion and therefore open to dispute; however, I arrive at my decision by labelling each game as if I were receiving it myself. If in the unlikely event you are unhappy with your purchase, please contact me before leaving feedback.</p>
<br />
<p><h2><img src="http://imgs.inkfrog.com/pix/dupfold/pixelheart11.jpg" alt="Heart Games"/>GAMES</h2></p>
<br />
<p>I treat each game I sell as if it was going to be part of my own personal collection, each going through a three step process. </p>
<ol>
  <li><span>If possible, I slowly remove all unrelated stickers, e.g. price stickers.</span></li>
  <li><span>I clean the game case and the game itself.</span></li>
  <li><span>The game is tested working, to ensure it's 100% guaranteed to work for you too.</span></li>
</ol>
</div>
<br />
<br />
<h1>Customer Service</h1>
<div class="outerbox"><h2>BUSINESS HOURS</h2>
<br />
<p class="bigtext">Monday to Friday: 9AM - 5PM GMT<br />Saturday, Sunday & Bank Holidays: Closed</p>
<br />
<p>Items are dispatched Monday to Friday within 24h of payment, and often same day. If a problem arises with your purchase, please let me know before leaving feedback so that I can help.</p>
<br />
<p>I reply to all messages received in a quick and timely manner, and always within 24h. In the unlikely event that you have not received a reply within this time, please message again. If you send me a message outside of my normal working hours, I will reply on the next working day, so please allow me that time to reply.</p>
<br />
<p>If you have any problems, questions or suggestions, please message me by clicking on the "Ask a question" link at the bottom of this page. Please consider adding me as a favourite seller using the link below. As a favourite seller, I'll keep you up to date on my special offers and new items listed.</p>
<br />
<p class="bigtext"><a href="http://stores.ebay.co.uk/PixelClassics?_trksid=p2047675.l2563">CLICK HERE</a>  to visit my ebay store</p>
<br />
<p class="bigtext"><a href="http://my.ebay.co.uk/ws/eBayISAPI.dll?AcceptSavedSeller&amp;mode=0&amp;preference=0&amp;sellerid=pixelclassicz&amp;ssPageName=STRK:MEFS:ADDMP">CLICK HERE</a>  to add me as a favourite seller.</p><br />
</div>
<br />
<br />
<h1>Sale Information</h1>
<div class="outerboxfull">
<div class="table">
    <div class="row">
    <div class="cell1"><h4>Sales Policy</h4>
    </div>
    <div class="cell2"><p>Your bid/purchase is a contract. Place a bid or use Buy It Now option only if you're serious about buying the item. If you are the winning bidder, you will enter into a legally binding contract to purchase the item. If the seller is unable to establish contact with the winning bidder within 3 days of the end of the auction, or if payment is not received within 7 days, item may be offered to the next highest bidder or re-listed at the sellers sole discretion. An eBay dispute will be opened for non-payment and you could end up with a strike against your account. Receive three strikes and eBay will close your account permanently. By purchasing this product you agree to receive our newsletters, which you may unsubscribe from at any point in time.</p></div></div> 
	<div class="row">
    <div class="cell1"><h4>Payments Accepted</h4>
    </div>
    <div class="cell2"><p align="center">Pay me securely with any major card through PayPal.</p><br />
      <img Class="center" src="http://imgs.inkfrog.com/pix/dupfold/paymentlogos.jpg" alt="PayPal Logo"/></div></div>
    <div class="row">
    <div class="cell1"><h4>Contact</h4>
    </div>
    <div class="cell2"><p>If you have any problems or questions before or after your purchase, please contact me and I will do all I can to help. Click on "Ask a question" at the bottom of this page to message me.</p></div></div>
    <div class="row">
    <div class="cell3"><h4>Copyright Notice</h4>
    </div>
    <div class="cell4"><p class="psmall">All company names are trademarks of that respective company. This advert and text cannot be used or published in any form. You cannot redistribute this advert or redistribute any parts in printed or any other media format. This advert has been registered and contains strict copyright material. Unless consent has been agreed with the seller, eBay customer service will be notified to close your account, and a legal Notice of Infringement/Statutory Declaration will be sent to alleged infringers. Anyone found reproducing & violating this copyright, or interfering with this advert will also be liable for private prosecution. Copyright © 2009 - 2014 PixelClassics. All rights reserved.</p></div></div></div></div>
</body>
            
          
!

CSS

            
              <style>
body {
	font-family:Arial,Helvetica,sans-serif;
	color:#333333;
}
img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.hw_ebay_pictures{
	width: 666px;
	margin-left: auto;
	margin-right: auto;
}
.hw_ebay_pictures img{
	width: 430px;
}
.features span {
	font-weight: bold; 
	width: 18%; 
	text-align: left; 
	display: block; 
	float: left; 
	margin-right: 0.5em;
}
.tabletextbold {
	font-weight: bold;
}
h1
{
	font-size: 1.125em;
	color: #FFFFFF;
	text-align: center;
	background-color: #D2292D;
	margin: 0 auto;
	padding: 4px;
	width: 737px;
}
h2
{
	font-size: 1.5em;
	line-height: 1.125em;
	text-align: center;
	margin: 0;
}
h3
{
	font-size: 1.125em;
	line-height: 1.125em;
	text-align: center;
	margin: 0;
}
h4
{
	font-size: 1.125em;
	line-height: 1.125em;
	text-align: left;
	margin: 0;
}
p {
	line-height: 1.5em;
	margin: 0;
}
.psmall {
	font-size: 0.875em;
}
.pwideheight {
	line-height: 2.2em;
}
.bigtext {
	font-size: 1.125em;
	text-align: center;
}
ul, li {
	line-height: 2.5em;
	margin: 0;
	padding: 0;
}
ol {
	font-weight: bold;
}
li span {
	font-weight: normal;
}
.outerbox
{
	border: 25px solid #EAF1F1;
	padding: 10px 59px; 
	background: #FFF;
	width: 578px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0px;
}
.outerboxfull
{
	border: 25px solid #EAF1F1;
	padding: 12px; 
	background: #FFF;
	width: 671px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0px;
}
.table
{
    display: table;
}
.row
{
    display: table-row;
}
.cell1
{
    display: table-cell;
	border-right: thin solid #920402;
	border-bottom: thin solid #920402;
    padding: 12px;
	width: 90px;
}
.cell2
{
    display: table-cell;
	border-bottom: thin solid #920402;
    padding: 12px;
}
.cell3
{
   	display: table-cell;
	border-right: thin solid #920402;
    padding: 12px;
	width: 90px;
}
.cell4
{
    display: table-cell;
    padding: 12px;
}
</style>
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................