how to wrap CSS by default

Paul,

Not sure I understood exactly what you mean by wrap, but you may want to check Code Style settings under your Project Settings for this. There is a CSS section and Wrapping and Braces section.

For HTML5 check this blog post http://blogs.jetbrains.com/webide/2010/06/enjoy-html5-excitement-with-phpstorm-webstorm/

-Eugene

what I mean is when I have a very long statement, it wraps to the next line:

#nav li a:hover, #nav li a:active, #nav .current_page_item a, #nav .current-cat a, #nav .current-menu-item, #subnav li a:hover, #subnav li a:active, #subnav .current_page_item a, #subnav .current-cat a, #subnav .current-menu-item, #header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a, #header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a {

I guess you talking about text folding: right-click -> folding -> collapse or put the selector on the text and press Ctrl + (NumPad -).