Mon, 2011-10-24 17:24
Hey Everyone, This is my first entry. I am having trouble with a wesbite that has overlaying Divs. The problem is that my main body area div won't wrap text. Instead it just overflows. I have validated my HTML and CSS, and everything looks correct. The address is:
http://catchtheinfection.com/byt/
and the stylesheet can be found here:
http://catchtheinfection.com/byt/wp-content/themes/byt/style.css
Any help would be appreciated. Thanks!
-Lee
Mon, 2011-10-24 19:24
#1
That's a lo-ong word
Give it a thought. Where would you expect the word wrap if you have only one word? Add some spaces, and you'll see the text break at an appropriate white-space.
In css3, there is a new property called overflow-wrap, which replaces word-wrap. Usage:
p { overflow-wrap: break-word; }
Keep in mind that this module is a draft only and does not have the required browser support (though this property may), and as a draft, is subject to change.
cheers,
gary
Tue, 2011-10-25 12:32
#2
Ohh my god... I am such an
Ohh my god... I am such an idiot haha. Thanks for clearing that up.. I was pulling my hair out on this one. Thank You so much!