Open the webpage in your browser
Right-click the element you want to inspect
Select Inspect or Inspect Element
Use the Elements or Inspector panel to view the HTML and CSS
Click the element picker icon to select elements directly on the page
Edit HTML or CSS in the panel if needed
Use keyboard shortcuts if available
Chrome and Edge: Ctrl+Shift+I on Windows or Cmd+Option+I on Mac
Firefox: Ctrl+Shift+I on Windows or Cmd+Option+I on Mac
Safari: Enable Develop menu, then choose Show Web Inspector
Close the developer tools when finished
