Page layout issue, I need text to stay in the div need css help

[devilsown]

I have some products that i am not currenty selling, Instead of going threw them all and turning them off. I turn on the On_sale feature and i just renamed the on sale to my message.

 

Its not wraping inside the div its going outside of it.

 

http://www.greatplainsupply.com/en/shurflo-2088-series-12-24-vdc-diaphragm-pumps/423-2088-313-145.html

 

 

 

 

#primary_block #buy_block img.on_sale_img { float: left }

#primary_block #buy_block span.on_sale {

width:300px;

color: #da0f00;

text-transform: uppercase;

font-weight: bold;

 

 

 

 

I have tried

word-wrap: normal|break-word;

min-width:300px;

width:300px

 

Just not having any luck. I would apreciate your help.

[Irina BelVG]

Devilsown,

 

http://floomby.ru/content/MbtWG1uLq0/full/

 

Add white-space: normal;

 

Regards,

BelVG Team

[email protected]

[devilsown]

Thanks very much for your help I wish i knew how to do this kinda stuff better.