Mozile Test 3 - Using the contentEditable attribute

This page contains a <link> tag inside the <head> tag, which links to an external CSS file mozileTest3.css. The CSS file designates <div> tags with contentEditable="true" as editable.

Edit this text!

Here is the CSS attribute selector:

div[contentEditable=true] {
  -moz-user-modify: read-write;
  -moz-user-input: enabled;
}

and this is the relevant XHTML markup:

<html>

  <head>
    <title>Mozile Test 3</title>
    <link rel="stylesheet" type="text/css" href="mozileTest3.css"/>
  </head>

  <body>
    ...
    <div id="MozileTest3" contentEditable="true">
      <p>Edit this text!</p>
    </div>
    ...
  </body>

</html>