Tweak margins in stylesheet

At least three things are fixed here:

1. Don't indent a <p> within an <li>

2. Align <h1> with rule separating content from footer

3. Indent with offsets of 2% instead of 4%

diff --git a/src/local.css b/src/local.css
index 99b8bbcabe5a9a3b2d1ea5a5ebe59fff0a4160b8..60e5c99386e7b4834c5233ec454dcdb530cb8704 100644 (file)
--- a/src/local.css
+++ b/src/local.css
@@ -2,8 +2,8 @@
 
 /* Add local styling here, instead of modifying style.css. */
 body {
-    margin-left: 2%;
-    margin-right: 2%;
+    margin-left: 4%;
+    margin-right: 4%;
 }
 
 h1, .header, #footer {
@@ -12,8 +12,8 @@ h1, .header, #footer {
 }
 
 #content {
-    margin-left: 4%;
-    margin-right: 4%;
+    margin-left: 2%;
+    margin-right: 2%;
 }
 
 h1,h2,h3,h4,h5,h6, .header {
@@ -27,8 +27,12 @@ h2,h3,h4,h5,h6 {
 }
 
 p, ol, ul {
-    margin-left: 4%;
-    margin-right: 4%;
+    margin-left: 2%;
+    margin-right: 2%;
+}
+
+li p {
+    margin-left: 0%;
 }
 
 pre {
@@ -57,7 +61,6 @@ a:hover {
 }
 
 #footer {
-    margin-left: 2%;
     font-size: 80%;
 }