Inspect, edit, and debug HTML and CSS with the Elements tool

Use the Elements tool to inspect, edit, and debug your HTML and CSS. You can edit in the tool while displaying the changes live in the browser.

Debug your HTML using the DOM tree, and inspect and work on the CSS for your webpage.

See also

• CSS features reference
• Get started viewing and changing CSS
• Inspect CSS Grid
• Edit CSS font styles and settings in the Styles pane
• Style editing for CSS-in-JS frameworks
• Get started viewing and changing the DOM
• Your first website (MDN) - How to use HTML, CSS, and JavaScript to build a web page.