منظم کردن انواع کد

[محمدمهدیـ 122]

سلام به کاربران گرامی سایت

فرض کنید من یه سری کد به هم چسبیده شده css یا java یا حتی html دارم

مثل :

background-repeat:no-repeat;background-position:50% 0;padding-top:80px;width:180px;position:absolute;font-size:15px;top:50%;left:50%;-webkit-transition:all .3s linear .5s;-moz-transition:all .3s linear .5s;-ms-transition:all .3s linear .5s;-o-transition:all .3s linear .5s;transition:all .3s linear .5s}#royal_preloader.text .loader{color:#fff;position:absolute;top:50%;left:50%;height:30px;line-height:30px;margin-top:-15px;letter-spacing:3px;font-size:16px;white-space:nowrap}#royal_preloader.text .loader div{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.7;filter:alpha(opacity=70);-webkit-transition:left .3s linear;-moz-transition:left .3s linear;-ms-transition:left .3s linear;-o-transition:left .3s linear;transition:left .3s linear}

و ...

چطوری می تونم اینا رو منظم کنم ؟! سایتی هست که کد رو بگیره و به ترتیب کنه و خروجی بده ؟

یعنی مثلاً اینطوری بشه :

[/u]
[u]p, blockquote, ul, ol {
margin: 15px 0px;
padding: 0px;
}
li {
margin: 3px 0px 3px 15px;
padding: 2px 3px;
}
h1, h2, h3, h4 {
margin: 0px 0px 15px 0px;
padding: 0px;
}
h1 {
font-size: 26px;
line-height: 26px;
}
h2 {
font-size: 22px;
line-height: 22px;
}
h3 {
font-size: 18px;
line-height: 18px;
}
h4 {
font-size: 14px;
line-height: 14px;
}
hr {
margin: 15px 0px;
background-color: #666666;
}
table {
border-spacing: 0;
border-collapse: separate;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote {
margin: 0 3em;
font-style: italic;
font: normal Georgia, "Bitstream Charter", serif;
}

[محمدمهدیـ 122]

دوستان سایتی دارید که این کار رو بتونه انجام بده ؟

ممنون میشم معرفی کنین .

[Morteza 34190]

http://www.codebeautifier.com/
http://ctrlq.org/beautifier/
http://cssbeautify.com/