HTML CSS Formatter

Purpose & User Intent: This tool solves the problem of inconsistent HTML and CSS formatting across codebases. Target users are front-end developers, UI engineers, and teams that maintain templates, components, and large markup collections. It is used when clean, standardized code is required before code review or deployment. Core Logic & Features: The formatter is a syntax-aware engine that parses HTML and CSS, reconstructs the document structure, and applies configurable style rules. Required features include indentation, tag alignment, and consistent attribute formatting for HTML, plus standardized property formatting for CSS. Optional/advanced features include custom indentation size, line-wrap limits, attribute sorting strategies, and preservation of existing line breaks and comments where possible. Inputs & Outputs: Input is a code string containing HTML and/or CSS and optional settings such as indentation and wrap preferences. Output is a formatted code string with consistent indentation, spacing, and styling. Validation ensures no loss of semantics; comments are preserved when feasible. Algorithms & Calculations: HTML is parsed into a node tree; CSS is parsed into a rule set; both are printed with the chosen style configuration. The tool respects embedded CSS in style tags and inline styles and can be extended to preprocessors via adapters. Error & Edge Cases: Malformed markup is partially recovered with safe fallbacks; unclosed tags or invalid CSS produce warnings in logs and the original input may be returned if safety is uncertain. Industry/Region & Localization: Supports CRLF or LF line endings and locale-based indent conventions; aligns with standard web conventions (HTML5, CSS3). Assumptions & Exclusions: Assumes input is code-focused and does not perform semantic validation beyond syntax. Not a code linter, not a minifier, and not a UI designer tool.