Fixed the section titles for Webkit for good.

diff --git a/givingguide.html b/givingguide.html
index 3f1f93067b282e862dafb17a15ddf7068916f164..b0b544065dddcebd51086bb7ba75a7375688394e 100755 (executable)
--- a/givingguide.html
+++ b/givingguide.html
@@ -132,7 +132,7 @@
                <!--We compare different products from here-->
 
                        <div class="comparisons">
-                                       <div class="section_wrapper">
+                                       <section class="section_wrapper">
                                                <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
 
                                                <div class="free">
@@ -175,11 +175,10 @@
 
                                                        </div>
                                                </div>
-                                       </div>
+                                       </section>
 
-                                       <br> <!-- SEPARATOR -->
 
-                                       <div class="section_wrapper">
+                                       <section class="section_wrapper">
                                                <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
 
                                                <div class="free">
@@ -222,12 +221,10 @@
 
                                                        </div>
                                                </div>
-                                       </div>
+                                       </section>
 
 
-                                       <br> <!-- SEPARATOR -->
-
-                                       <div class="section_wrapper">
+                                       <section class="section_wrapper">
                                                <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
 
                                                <div class="free">
@@ -270,7 +267,7 @@
 
                                                        </div>
                                                </div>
-                                       </div>
+                                       </section>
 
 
        </body>

diff --git a/stylesheet.css b/stylesheet.css
index a52f7c6946d583165676b425190702dc223284db..947ff25cf586cf392fec451866946ba343a3b424 100755 (executable)
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -141,6 +141,7 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 .main_title {
   text-align: center;
   margin-top: 3em;
+  display: inline-block;
 }
 
 .wrapper .intro_phrase {
@@ -195,3 +196,7 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
   float: right;
   width: 45%;
 }
+
+section {
+  padding: 3em;
+}