Reformating the nested elements inside the 'header tag'

Author: ChrisFayad

index.html

@@ -10,13 +10,13 @@
 	    <header>
 	    	<div id="page-banner">
 	    		<h1 class="title">Bookorama</h1>
-          <p>Books for Ninjas</p>
-          <form id="search-books">
-            <input type="text" placeholder="Search books..." />
-          </form>
-	    	</div>
-	    </header>
-	    <div id="book-list">
+          		<p>Books for Ninjas</p>
+          		<form id="search-books">
+            		<input type="text" placeholder="Search books..." />
+          		</form>
+			</div>
+		</header>
+		<div id="book-list">
 	    	<h2 class="title">Books to Read</h2>
 	    	<ul>
 	    		<li>
@@ -41,8 +41,7 @@ <h2 class="title">Books to Read</h2>
 	    	<input type="text" placeholder="Add a book..." />
 	    	<button>Add</button>
 	    </form>
-
-    </div>
+	</div>
     <script src="app.js"></script>
   </body>
 </html>