productName, product Prices - left align

[cirque]

Hello.

I've been trying to get my productName and product Prices to align left for a while now.
Here's a page:
http://www.smallworldmusic.com/catal...products_id=19

I've been using the Web Developer Firefox tool but I can't seem to find a way to make these items align left.
I've added the following tag to the style sheet but it fails to work.

h1#productName
{
font-family: helvetica, arial, sans-serif;
font-size: 2.0em;
text-align: left}

I've gone through the CSS over and over trying to find the tag which will do the job. Just can't find it.

Any suggestions?

Many thanks

NIk

[gjh42]

Add clear: both;

h1#productName 
{
	font-family: helvetica, arial, sans-serif;	
	font-size: 2.0em;
	text-align: left; 
	clear: both;}

[cirque]

Hey gj,

brilliant.

Many (many) thanks!
What a quick fix!

What exactly does "clear: both;" do??

Big sigh of relief....

NIk

[gjh42]

clear: both; keeps the element below any other floated elements that would otherwise appear next to it.

[cirque]

ok....
most helpful.

thanks again...

nik