Make CSS code into Structured Code

Question

The CSS sourcecode I have retrieved is very and very unstructured and I'm looking for a software or similar that can make it into structured code.

I'm using Windows 8 and the software should be freeware or open source.

The unstructured code is for instance:

p.small { line-height: 10px;} p.big { line-height: 30px; } p.small { line-height: 10px;} p.big { line-height: 30px; } p.small { line-height: 10px;} p.big { line-height: 30px; } p.small { line-height: 10px;} p.big { line-height: 30px; } p.small { line-height: 10px;} p.big { line-height: 30px; } p.small { line-height: 10px;} 
p.big { line-height: 30px; }p.small { line-height: 10px;} p.big { line-height: 30px; }p.small { line-height: 10px;} p.big { 
line-height: 30px; } p.small { line-height: 10px;} p.big { line-height: 30px; } p.small { line-height: 10px;} p.big { line-height: 
30px; }

---

I would like the code to be structured for instance below.

p.small {
    line-height: 0.5;
}

p.big {
    line-height: 2;
}

p.small {
    line-height: 0.5;
}

p.big {
    line-height: 2;
}

p.small {
    line-height: 0.5;
}

p.big {
    line-height: 2;
}

p.small {
    line-height: 0.5;
}

p.big {
    line-height: 2;
}

p.small {
    line-height: 0.5;
}

p.big {
    line-height: 2;
}

Do you know any?

Thanks!

Answer 1

What happened to the CSS?

"Not structured CSS" doesn't exist: if it is not (correctly) structured, it does not work.

Your CSS has been minified. This means any superfluous space (line breaks are considered as superfluous space) are removed. The purpose of this operation is to make the file lighter, thus reducing the load on the server and making the website faster (lighter file, faster to load).

How can I get something legible?

The opposite of minifier (or, in case of JavaScript, an uglifier) is called a beautifier.

OK, but which one should I use?

That is a hard question. In my experience, beautifiers are a one-time-use tools. As a consequence, I ask my favorite search engine to look for CSS beautifier or CSS beautifier online (running that search now gives me this as first result, and it seems to work: http://www.cleancss.com/css-beautify/).

Thus, I get an online version. I can upload or paste my minified CSS and get a beautified version instead.

I can therefore not really speak as to my experience with any, since I use one, get my result and ASAP forget which one it was. Most of them looked equivalent to me.