fixing the styling of newly entered messages

Author: chrisdavidmills

README.md

@@ -13,3 +13,5 @@ The "editable-examples" directory contains CSS examples that are intended to be
 The "object-fit-basics" directory contains a simple page demonstrating typical usage of different <code>object-fit</code> and <code>object-position</code> values. [Run example live](http://mdn.github.io/css-examples/object-fit-basics/).
 
 The "object-fit-gallery" directory contains a fun image gallery that uses <code>object-fit</code> to display the images more nicely, both in thumbnail and full size view. [Run the example live](http://mdn.github.io/css-examples/object-fit-gallery/).
+
+The "overscroll-behavior" directory contains a simple page demonstrating typical usage of different <code>overscroll-behavior</code> values. [Run example live](http://mdn.github.io/css-examples/overscroll-behavior/).

overscroll-behavior/main.js

@@ -23,6 +23,7 @@ form.addEventListener('submit', e => {
   e.preventDefault();
 
   let pElem = document.createElement('p');
+  pElem.setAttribute('class', 'me');
   pElem.textContent = 'Chris: ' + input.value;
 
   messages.appendChild(pElem);