improve style of the timeline

assets/iframe.css

@@ -13,3 +13,9 @@ iframe {
 code {
   overflow: scroll;
 }
+
+.timeline_box {
+  border: 2px solid #0090ff;
+  padding: 30px 40px 20px;
+  margin: 20px 0;
+}

index.md

@@ -1,20 +1,13 @@
-### Timeline:
-
-<ul>
-  {% for post in site.posts %}
-    <li>
-      {{ post.date | date: "%Y-%m-%d" }} 
-      <a href="{{ post.url }}"> {{ post.title }}</a> 
-      [
-      {% for tag in post.tags %}
-        <a href="/tag/{{ tag }}.html">{{tag}}</a> 
-      {% endfor %} 
-      ]
-      {{ post.excerpt }}
-      <h4><a href="{{ post.url }}">Read more</a></h4>
-    </li>
-    <hr>
-    <hr>
+{% for post in site.posts %}
+<div class="timeline_box">
+  {{ post.date | date: "%Y-%m-%d" }}
+  <a href="{{ post.url }}"> {{ post.title }}</a>
+  [
+  {% for tag in post.tags %}
+    <a href="/tag/{{ tag }}.html">{{tag}}</a>
   {% endfor %}
-</ul>
-
+  ]
+  {{ post.excerpt }}
+  <h4><a href="{{ post.url }}">Read more</a></h4>
+</div>
+{% endfor %}