Largely unsuccessful attempt to fix markup tag indenting

index.html

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