Un peu de style

index.html

@@ -15,7 +15,34 @@
 
     #journaux {
       margin: 2rem;
+      width: 30rem;
+      text-align: justify;
+      line-height: 1.2rem;
     }
+
+    #journaux blockquote {
+      border-left: 10px solid lightgrey;
+      font-size: 1.2rem;
+      font-weight: bolder;
+      font-style: italic;
+    }
+
+    #journaux  p {
+      margin: 1.2rem;
+      text-indent: 1.2rem;
+    }
+
+    #journaux h1 {
+      margin: 1.2rem 0 0 0;
+      padding: 2rem 0 1rem 0;
+      border-top: 1px solid black;
+    }
+    #journaux time {
+      display: block;
+      text-align: right;
+      font-style: italic;
+    }
+
   </style>
 
   <main id=journaux>
@@ -41,7 +68,7 @@ const MiseEnFormeDe = (journal) => {
   const sectionJournal = document.createElement('section');
   sectionJournal.innerHTML = journal.body;
 
-  var dateJournal = document.createElement('em');
+  var dateJournal = document.createElement('time');
   dateJournal.textContent = new Date(journal.meta.date).toLocaleDateString('fr-FR', {year: 'numeric', month: 'long', day: 'numeric'});
   sectionJournal.prepend(dateJournal);