CSS Issue - Not aligning up properly

Hi

I have the below code and I am looking for the Price to line up with the ProductHeaderColour Tag, Currently its appearing below the end of the descriotion albeit it correctly to the right of the ProductDiv.

I have been playing about with this all morning to no avail. Can someone help so that they line up correctly please?

Many Thanks in Advance.


HTML

<div id="ProductCat">
                <h3>Category A</h3>
 <div class="ProductDiv">
                    <div class="ProductInfo">
                        <span class="ProductHeaderColour">Product 1
                            <br />
                        </span>
                        <span class="ProductDescription">Product 1 Description</span>
                    </div>
                    <div class="Price">
                        <span>£15.00</span>
                    </div>
                </div>

                <br />
                <div class="ProductDiv">
                    <div class="ProductInfo">
                        <span class="ProductHeaderColour">Product 2<br />
                        </span>
                        <span class="ProductDescription">Product 2 Description</span>
                    </div>
                    <div class="Price">
                        <span>£20.00</span>
                    </div>
                </div>
                <br />
                <div class="ProductDiv">
                    <div class="ProductInfo">
                        <span class="ProductHeaderColour">Product 3<br />
                        </span>
                        <span class="ProductDescription">Product 3 Description</span>
                    </div>
                    <div class="Price">
                        <span>£40.00</span>
                    </div>
                </div>
</div>

Select allOpen in new window

CSS:

#ProductCat {
}

    #ProductCat h3 {
        color: #cf1332;
    }

    #ProductCat .ProductDiv {
        border: 2px solid #a1a1a1;
        padding: 10px 40px;
        background: #E78998;
        width: 750px;
        border-radius: 25px;
        height: 100px;
    }

        #ProductCat .ProductDiv .ProductInfo {
            width: 610px;
        }

            #ProductCat .ProductDiv .ProductInfo .ProductHeaderColour {
                color: #FFFFFF;
                font-size: xx-large;
            }

            #ProductCat .ProductDiv .ProductInfo .ProductDescription {
                color: #FFFFFF;
                display: inline;
            }


        #ProductCat .ProductDiv .Price {
            color: #FFFFFF;
            text-align: center;
            font-size: xx-large;
            width: 130px;
            float: right;
        }

Select allOpen in new window