2 files changed, 28 insertions, 5 deletions
diff --git a/index.html b/index.html
index 0bcd335..3d1a0c7 100644
--- a/index.html
+++ b/index.html
@@ -6,14 +6,25 @@
     </head>
     <body>
         <script type="text/javascript" src="demo.js"></script>
-        <label for="image">Add Images to Album</label>
-        <input type="file" id="image" multiple accept="image" name="image" onchange="addimages()"/>
-        <button onclick="download()">Download Photo Album</button>
-        <button onclick="reset()">Reset</button>
+        <h3><em>Create Album</em></h3>
+        <div class="steps">
+        <span class="step">
+            1.)
+            <label for="image">Add Images to Album:</label>
+            <input type="file" id="image" multiple accept="image" name="image" onchange="addimages()"/>
+        </span>
+        <span class="step">
+            2.)
+            <button onclick="download()">Download Photo Album</button>
+        </span>
+        <span class="step">
+            3.)
+            <button onclick="reset()">Reset</button>
+        </span>
+        </div>
         <hr/>
         <h3><em>Album Preview</em></h3>
         <div id="preview"></div>
-        </div>
         <dialog id="modal"></dialog>
     </body>
 </html>
diff --git a/style.css b/style.css
index e69de29..26ccb13 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,12 @@
+.steps {
+    margin-bottom: 1em;
+}
+.step {
+    border: solid thin;
+    padding: 0.7em;
+    border-radius: 1em;
+    margin: 0.14em;
+    display: inline-block;
+    box-sizing: border-box;
+}
+