How do I put price to the right of heading?

Discussion in 'HTML & Website Design' started by jaredgravatt, Apr 26, 2008.

  1. #1
    Hi Everyone.

    Can you please tell me how I can put the price to the right of the heading on this page http://www.hostwithus.co.nz/services.php

    I want it where it is, just up a bit.

    Thanks in advance
     
    jaredgravatt, Apr 26, 2008 IP
  2. MoT

    MoT Peon

    Messages:
    97
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi with a little css you can do it, just add a class with floats to your headers and prices, heres an example i made using a little bit of your site:

    HTML
    
    <h5 class="header">Website Design and Conversion to Basic HTML</h5>
    <em class="price">$350.00 or $30 p/m</em>
    <div class="info">
    We will have your website professionally designed, coded and converted into HTML Full support will also be given in uploading your content.
    <br/>
    This is a great option if you don’t plan on updating your website a lot or if you have some basic html knowledge. If you have access to a Website Development programme such as Dream weaver or Microsoft FrontPage then this could also prove to be the better option. 
    </div>
    
    Code (markup):
    CSS
    
    .header {
      float: left;
    }
    
    .price {
      float: right;
    }
    
    .info {
      clear: both;
    }
    
    Code (markup):
    Should work like a charm.
     
    MoT, Apr 26, 2008 IP
  3. itcn

    itcn Well-Known Member

    Messages:
    795
    Likes Received:
    31
    Best Answers:
    0
    Trophy Points:
    118
    #3
    MoT is right, that oughtta help. That's a huge graphic you got in the middle of the page.
     
    itcn, Apr 27, 2008 IP