how to achieve this single line css format....

Posted by metal-gear-solid on Stack Overflow See other posts from Stack Overflow or by metal-gear-solid
Published on 2010-04-14T07:26:26Z Indexed on 2010/04/14 7:33 UTC
Read the original article Hit count: 254

Filed under:

I tried many formats but this is best to find classes and IDs easily without using "Find". but it is good if width of editor is wide.

I use this tool to format my css in single line http://www.newmediacampaigns.com/files/posts/css-formatting/clean.php

#wrapper            {width:800px; margin:0 auto;}
#header             {height:100px; position:relative;}
#feature .post      {width:490px; float:left;}
#feature .link      {width:195px; display:inline; margin:0 10px 0 0;float:right;border-bottom:1px solid red}
#footer             {clear:both; font-size:93%; float:none;}

I need like this. see selector #feature .link i need if any selector has more than 3 properties then it should go at next line like in this example.because i work in cms where width of textbox where i write cssis not much wide.

Is there any tool/software can format CSS like this. or after getting single line format can we this formatting for big lines. in automated way

#wrapper            {width:800px; margin:0 auto;}
#header             {height:100px; position:relative;}
#feature .post      {width:490px; float:left;}
#feature .link      {width:195px; display:inline; margin:0 10px 0 0; 
                    float:right;bottom:1px solid red}
#footer             {clear:both; font-size:93%; float:none;}

© Stack Overflow or respective owner

Related posts about css