CSS structure

[Unrecognized]

Hello everyone,

 

A while back, I used a online tool which helped me to structure my CSS.

What I mean is, I had 1 huge line of CSS code and wanted to be below eachother.

 

1 line example:

body,html{width:100%;height:100%;margin:0;padding:0}.page-preloader{top:0;left:0;z-index:999;position:fixed;height:100%;width:100%;text-align:center}

Below eachother example:

body,html{
  width:100%;
  height:100%;
  margin:0;
  padding:0
}
.page-preloader{
  top:0;
  left:0;
  z-index:999;
  position:fixed;
  height:100%;
  width:100%;
  text-align:center
}

This is what I want, but the code is way too long to do it all with backspaces and returns.

So my question is, does anyone know a tool for this because I forgot which tool I used and how it was called.

 

Thanks for helping me out!

 

Kind regards,

 

Dion.

[Unrecognized]

Nevermind everyone, a college already came up with an search term.

The tool I used to "beautify" my CSS file can be found here: http://www.cleancss.com/css-beautify/

Works like a charm, I hope this helps out other people too.