So this is a longshot but...

I'm not an actual web developer, but I am the only guy who seems to be able to get our team's webpage up, running, and looking halfway decent.

I was using this very simple but handy online formatter to clean up my code. You paste the code in the top box, choose the number of spaces in the indent, hit the button and you get crisp, formatted code in the bottom box, no muss, no fuss.

Problem is, I switched computers a couple of weeks ago and forgot to bookmark the goddamn site!

I realize that there are a million code formatters out there, all of which can nest the code properly with tabs or even parse the code, correct errors, and update tags to a more modern version.

The one I'm looking for wasn't complicated, but it was unique in that it separated out each in-line attribute away from it's tag and to a new line. So this:

<div style="background-color: rgba(0, 0, 0, 0.65);margin: -20px -30px 0px -30px;padding-top: 10px;padding-bottom: 10px;text-align:center;color: white;">

becomes this:

  <div
    style="
      background-color: rgba(0, 0, 0, 0.65);
      margin: -20px -30px 0px -30px;
      padding-top: 10px;
      padding-bottom: 10px;
      text-align:center;
      color: white;
"
  >

...which is a hell of a lot easier for my non-programmer eyes to read and actually know what I'm looking at.

I know that the specific formatter I was using is going to be like finding a needle in a haystack, (maybe I'm wrong and someone is familiar with it?) but do you guys know of any beautifier that does the above without too much fiddling with it? Preferably online, my job is finicky about what I install on the computer.

Thanks in advance!