hollys84

I see what you mean now my math was never good

http://centronhosting.co.uk/irc_server.php If you take a look here you may see what my problem is. Business plan should be over the first 10GB 50GB Unlimited Unlimited Unlimited 99.9% Starter plan should be over the next section and professional over the third The column for the professional is currently stuck under the first column (business plan) and i cant seem to move it. <? php ; include 'header.php' ; ?> <div class="wrap"> <div id="plans"> <div id="plans_top"> <div class="one_fourth"> </div> <div class="one_fourth"> <h4>Starter Plan</h4> <p>starting at $4.95/month</p> </div> <div class="one_fourth"> <h4>Professional</h4> <p>starting at $4.95/month</p> </div> <div class="one_fourth last"> <h4>Business Plan</h4> <p>starting at $4.95/month</p> </div> <div class="clear"></div> </div> <div id="plans_middle"> <div class="one_fourth"> <ul class="plans_icon"> <li> <span>Disk Space</span></li> <li> <span>Monthly Bandwidth</span></li> <li> <span>FREE Domain Name</span></li> <li> <span>1-Click Script Installer</span></li> <li> <span>MySQL Databases</span></li> <li> <span>FTP Accounts</span></li> <li> <span>Domains Allowed</span></li> <li> <span>Softaculous</span></li> <li> <span>Fantastico de Luxe</span></li> <li> <span>Uptime Guarantee</span></li> <li> <span>30-Day Money Back</span></li> </ul> </div> <div class="one_fourth"> <ul> <li>10GB</li> <li>50GB</li> <li><img src="images/yes.png" width="16px" height="16px" alt="" /></li> <li><img src="images/yes.png" width="16px" height="16px" alt="" /></li> <li>Unlimited</li> <li>Unlimited</li> <li>Unlimited</li> <li><img src="images/yes.png" width="16px" height="16px" alt="" /></li> <li><img src="images/yes.png" width="16px" height="16px" alt="" /></li> <li>99.9%</li> <li><img src="images/yes.png" width="16px" height="16px" alt="" /></li> </ul> </div> <div class="one_fourth"> <ul> <li>10GB</li> <li>50GB</li> <li><img src="images/yes.png" width="16px" height="16px" alt="" /></li> <li><img src="images/no.png" width="16px" height="16px" alt="" /></li> <li>Unlimited</li> <li>Unlimited</li> <li>Unlimited</li> <li><img src="images/yes.png" width="16px" height="16px" alt="" /></li> <li><img src="images/no.png" width="16px" height="16px" alt="" /></li> <li>99.9%</li> <li><img src="images/yes.png" width="16px" height="16px" alt="" /></li> </ul> </div> <div class="one_fourth last"> <ul> <li>10GB</li> <li>50GB</li> <li><img src="images/yes.png" width="16px" height="16px" alt="" /></li> <li><img src="images/yes.png" width="16px" height="16px" alt="" /></li> <li>Unlimited</li> <li>Unlimited</li> <li>Unlimited</li> <li><img src="images/no.png" width="16px" height="16px" alt="" /></li> <li><img src="images/yes.png" width="16px" height="16px" alt="" /></li> <li>99.9%</li> <li><img src="images/yes.png" width="16px" height="16px" alt="" /></li> </ul> </div> <div class="clear"></div> </div> <div id="plans_bottom"> <div class="one_fourth"> </div> <div class="one_fourth"> <center> <a class="button" href="#">Order Now!</a> </center> </div> <div class="one_fourth"> <center> <a class="button" href="#">Order Now!</a> </center> </div> <div class="one_fourth last"> <center> <a class="button" href="#">Order Now!</a> </center> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> <div class="clear"></div> <div class="space"></div> </div> <? php ; include 'footer.php' ; ?> This is the code for it is anyone able to look through it for me.

I always use chrome but thank you for the advice

.container08 { background-color: #666; float: left; height: 115px; width: 180px; border-radius: 200px; text-align: center; overflow: hidden; border: 10px solid #03C; margin: 0px; padding-top: 65px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; box-shadow: inset 0px 10px 5px #111, inset 0px -5px 5px #111, 0px 3px 10px #FFF; } .container08 p { color: #FFF; margin: 0px; text-shadow: 0px -1px 1px #000, 0px -1px 1px #000; } .container08 h2 { font-size: 24px; color: #03C; margin: 0px; text-shadow: 0px -2px 0px #006; } Thats the css for it basically its three circle containers that at the moment are to the far left i wanna move the all three to the center without putting them on seperate lines if that makes any sense

So this is what i have so far <div class="cleared"></div></div> <div class="container08"> <h2>Small</h2> <p>Here comes your content</p> </div> <div class="container08"> <h2>Medium</h2> <p>Here comes your content</p> </div> <div class="container08"> <h2>Large</h2> <p>Here comes your content</p> </div> my problem is i cant get it to align in the center of my page...... Anyone have any ideas they can give me? Much appreciated