adamsgaard.dk

commit 92509f6142482b9c8d7d99484c0da7f2eaa196db
parent 647ae1a4d9508aef3b0d47be8f3d337ca24073ac
Author: Anders Damsgaard <anders@adamsgaard.dk>
Date:   Thu,  5 Dec 2019 14:32:27 +0100

Center-align images and use css for positioning

Diffstat:
M
output/weather.html
 | 
16
+++++++---------

1 file changed, 7 insertions(+), 9 deletions(-)
diff --git a/output/weather.html b/output/weather.html
@@ -44,6 +44,7 @@
 			color:#4d4d4c;
 		}
 		h1,h2,h3 {
+			text-align:center;
 			color:#333;
 			line-height:1.2;
 		}
@@ -53,6 +54,7 @@
 		}
 		img {
 			max-width:100%;
+			padding:0.3em 0em;
 		}
 		@media print {
 			body{
@@ -77,15 +79,11 @@
 </aside>
 </header>
 
-<p>
-<img src="#" id="dmi-0-2" alt="0-2 days">
-</p>
-<p>
-<img src="#" id="dmi-3-9" alt="3-9 days">
-</p>
-<p>
-<img src="#" id="clearoutside" alt="Clear Outside forecast">
-</p>
+<div style="text-align:center">
+	<img src="#" id="dmi-0-2" alt="0-2 days">
+	<img src="#" id="dmi-3-9" alt="3-9 days">
+	<img src="#" id="clearoutside" alt="Clear Outside forecast">
+</div>
 
 </article>