adding background color

Author: rachelandrew

learn/selectors/adjacent.html

@@ -11,8 +11,10 @@
 
     <style class="editable">
     h1 + p {
-        font-size: 120%;
         font-weight: bold;
+        background-color: #333;
+        color: #fff;
+        padding: .5em;
     }
 
     </style>
@@ -30,10 +32,12 @@ <h1>A heading</h1>
     </article>
     </section>
 
-    <textarea class="playable playable-css" style="height: 80px;">
+    <textarea class="playable playable-css" style="height: 100px;">
 h1 + p {
-    font-size: 120%;
     font-weight: bold;
+    background-color: #333;
+    color: #fff;
+    padding: .5em;
 }   
     </textarea>
 

learn/selectors/general.html

@@ -11,8 +11,10 @@
 
     <style class="editable">
     h1 ~ p {
-        font-size: 120%;
         font-weight: bold;
+        background-color: #333;
+        color: #fff;
+        padding: .5em;
     }
 
     </style>
@@ -28,12 +30,13 @@ <h1>A heading</h1>
     </article>
     </section>
 
-    <textarea class="playable playable-css" style="height: 80px;">
+    <textarea class="playable playable-css" style="height: 100px;">
 h1 ~ p {
-    font-size: 120%;
     font-weight: bold;
-}   
-    </textarea>
+    background-color: #333;
+    color: #fff;
+    padding: .5em;
+}</textarea>
 
     <textarea class="playable playable-html" style="height: 140px;">
 <article>