Create after-icon.html

rachelandrew · rachelandrew · commit a804d749dc19 · 2019-03-07T13:40:49.000-06:00
diff --git a/learn/selectors/after-icon.html b/learn/selectors/after-icon.html
@@ -0,0 +1,41 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <title>Selectors: ::after</title>
+    <link rel="stylesheet" href="../styles.css">
+    <style>
+        
+    </style>
+
+    <style class="editable">
+    .box::after {
+        content: " ➥"
+    }
+        
+    </style>
+</head>
+
+<body>
+    <section class="preview">
+    <p class="box">Content in the box in my HTML page.</p>
+    </section>
+
+    <textarea class="playable playable-css" style="height: 80px;">
+.box::after {
+    content: " ➥"
+}   
+    </textarea>
+
+    <textarea class="playable playable-html" style="height: 60px;">
+<p class="box">Content in the box in my HTML page.</p>
+    </textarea>
+
+    <div class="playable-buttons">
+        <input id="reset" type="button" value="Reset">
+    </div>
+</body>
+<script src="../playable.js"></script>
+
+</html>
