Explanation:

 

• HTML:

  • The structure contains a textarea where users can input HTML code, and a button that triggers the reading and formatting of the input.

  • The formatted HTML code is displayed in a pre tag within the output section, using syntax highlighting from the Highlight.js library.

• CSS:

  • The styling is designed to be responsive and user-friendly. It includes a simple design with a white background, rounded corners, and a clean layout.

  • On smaller screens (max-width: 768px), the layout adjusts to make the tool more mobile-friendly.