¿Cómo usar La herramienta inspeccionar elemento en mozilla firefox?
Editar el código HTML
Actualiza la página para comenzar de nuevo en cualquier momento. Haz doble clic en el código HTML para editar el texto. Haz clic en una fila de "breadcrumbs" para más opciones. Arrastra y suelta. Cierra la barra de herramientas de desarrollador.
Si no tienes mucha experiencia con las herramientas de desarrollador, comprende que no hacen ningún cambio permanente. Tus ediciones solo serán visibles en tu pantalla y lo serán hasta que cierres la página o la actualices. No dudes en experimentar, incluso si no estás seguro de qué es lo que sucederá. Haz doble clic en una línea de HTML. Escribe texto nuevo y presiona ↵ Enter para guardar los cambios. Recuerda: la barra de herramientas de breadcrumbs está intercalada entre el árbol completo de HTML y la barra de herramientas superior. Haz clic en cualquiera de los elementos de esta fila y mantenlo presionado para abrir un menú extensivo. Aquí tienes una guía (incompleta) de las opciones disponibles:  La opción "Editar como HTML" hace que el nodo y todo el contenido del árbol HTML sea editable, para que no tengas que editar cada línea en forma individual. La opción "Copiar el HTML interno" copia todo el contenido del nodo, mientras que "Copiar el HTML externo" copia también el nodo (such as <div> or <body> "Pegar →" conduce a varias opciones acerca de dónde pegar el texto copiado. Por ejemplo, antes del nodo o después del primer hijo del nodo.  :hover, :active y :focus cambian la apariencia del elemento cuando el usuario interactúa con él. El efecto exacto se determinará de acuerdo con la hoja de estilo CSS (editable desde el panel del lado derecho). Para reordenar elementos en el código, haz clic y mantén presionado el HTML hasta que aparezca una línea discontinua. Muévelo hacia abajo o hacia arriba del árbol y suéltalo cuando la línea discontinua esté en el lugar deseado. Para esto, es necesario tener Firefox 39 o una versión posterior. Para cerrar todas estas lindas ventanas, simplemente presiona X en la esquina superior derecha de la barra de herramientas, arriba del panel de código CSS.
Editing the HTML