Largely unsuccessful attempt to fix markup tag indenting

_layouts/default.html

@@ -40,7 +40,9 @@
       </div>
     </div>
 
-    <div id="main" role="main" class="container">{{ content }}</div>
+    <div id="main" role="main" class="container">
+      {{ content }}
+    </div>
 
     <div class="wrapper-footer">
       <div class="container">

_layouts/post.html

@@ -3,8 +3,7 @@ layout: default
 ---
 
 <article class="post">
-
-	<h1>{{ page.title }}</h1>
+  <h1>{{ page.title }}</h1>
 
   <div class="entry">
     {{ content }}

index.html

@@ -4,15 +4,15 @@ layout: default
 
 <div class="posts">
   {% for post in site.posts %}
-  <article class="post">    
+    <article class="post">    
       
-    <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
+      <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
 
-    <div class="entry">
-      {{ post.content | truncatewords:40}}
-    </div>
+      <div class="entry">
+        {{ post.content | truncatewords:40}}
+      </div>
       
-    <a href="{{ post.url }}" class="read-more">Read More</a>
-  </article>
+      <a href="{{ post.url }}" class="read-more">Read More</a>
+    </article>
   {% endfor %}
 </div>