Bring headers closer to text below them

Reduce the margin and padding on top of the paragraphs and below the
headers. Mohammad suggested this on savannah:

* https://savannah.nongnu.org/bugs/?58377#comment0

Also, add a few sentences in the README.md file.

1 files changed, 11 insertions, 0 deletions

diff --git a/css/base.css b/css/base.css
index a115d77..78085af 100644
--- a/css/base.css
+++ b/css/base.css
@@ -56,11 +56,22 @@ body {
 h1,
 h2,
 h3 {
+    /* Bring the headers closer to the text under them, this is a
+     * complementary command with the margin-top in `p` tag styling */
+    padding-bottom: 0;
+    margin-bottom: 0;
     /* Set line-height for headers to prevent overlap when browser is
      * forced to wrap the words. */
     line-height: 1;
 }
 
+p {
+    /* Bring the headers closer to the text under them, this is a
+     * complementary command with the padding & margin bottom  in the
+     * header tags above */
+    margin-top: 5px;
+}
+
 /* Wrap the entire content of the page in this `div` - the navigation
  * bar is an exception, because of its fixed position. */
 #container {