This page describes how to edit a web page in Firebug.
Introduction
You can edit the HTML or CSS on any web page and view a real time preview using the editor functionality in Firebug.
Instructions
To edit the HTML or CSS of a web page in Firebug:
- In the lower right corner of Firefox, click the Firebug button
to start Firebug.
- Click the appropriate tab for the content that you want to edit--either
for HTML or 
for CSS.
- Click the editor area (under the tab) to edit the content.
- For the HTML editor, click the tag that you want to edit, and then edit the attributes, their values, or text content.
- For the CSS editor, click the property, attribute, or value that you want
to edit, and then type your changes. You can also click the toggle icon
that appears when you hover over a property to see what effect toggling
certain CSS properties on or off has on a page. (See image below.)
As you type your changes, the page should instantly update to reflect your changes.