HTML - Código fuente como separar en etiquetas diferentes lineas

Hola Comunidad, esta es mi primera consulta. Abrazo a todos desde Argentina
estoy desorientado, y no encuentro como puedo resolver este obstaculo.

Me descargue una plantilla de una tienda en html para estudiarla, saber como esta compuesta y poder armar una página propia pero tomando lo mejor de las paginas que me gusten y que vea que son funcionales y bien hechas.

Ahora mi problema, es que cuando paso el código fuente a un EDI (Notepad++) no puedo lograr que cada etiqueta html este separada en lineas distintas.

algo asi es lo que tengo de origen

<li class="mobile-links__item" data-collapse-item><div class="mobile-links__item-title"><a href="track-order.html" class="mobile-links__item-link">Track Order</a></div></li></ul></div></li><li class="mobile-links__item" data-collapse-item><div class="mobile-links__item-title"><a href="account-login.html" class="mobile-links__item-link">Account</a> <button class="mobile-links__item-toggle" type="button" data-collapse-trigger><svg class="mobile-links__item-arrow" width="12px" height="7px"><use xlink:href="images/sprite.svg#arrow-rounded-down-12x7"></use></svg></button></div><div class="mobile-links__item-sub-links" data-collapse-content><ul class="mobile-links mobile-links--level--1"><li class="mobile-links__item" data-collapse-item><div class="mobile-links__item-title"><a href="account-login.html" class="mobile-links__item-link">Login</a></div></li><li class="mobile-links__item" data-collapse-item><div class="mobile-links__item-title">

la consulta es que recurso puedo usar para poder separar las etiquetas en diferentes lineas de código y no todo junto, asi lectura del código fuente sea más comprensiva.

Muchas gracias
Gustavo

El formato que visualizas, es correcto para producción, es decir, cuanto menos caracteres ocupe tu pagina HTML mucho mejor.

La verdad es que la única manera de separarlo que yo conozco es manualmente!!!

Hola Gustavo:

El proceso se puede hacer de forma automática: manipulando cadenas mediante un lenguaje de programación. Python es especialmente bueno en eso. De todas formas existen diferentes herramientas en línea que pueden hacerlo por ti. El resultado dependerá de como sea su algoritmo de bueno. Ejemplos:

https://htmlformatter.com/
https://www.freeformatter.com/html-formatter.html
https://codebeautify.org/htmlviewer/

... y muchos más. Busca prettify code html en Google.

Un saludo y espero que te sirva.

muchas gracias ! me sirvió mucho.

Saludos cordiales

Saludos Gustavo,

contando las etiquetas y orden, un ejemplo aplicable sería:


Espero sea útil.