Adding padding before the anchor links

snajmi · Aug 13, 2012 · 3e585a5 · 3e585a5
1 parent d6fc9c7
commit 3e585a5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/css/style.css b/css/style.css
@@ -344,7 +344,7 @@ ul{
   text-align: center;
   font-size: 20px;
   font-weight: bold;
-  margin: 30px auto;
+  margin: 50px auto 0px auto;
 }
 
 .numbers, .arrows {

diff --git a/index.html b/index.html
@@ -84,7 +84,7 @@ <h1><img src="img/facebook.png"> Facebook</h1>
 					          <div class="secondnav">
 									<br />
 					              <ul>
-					                <li>Explore Facebook: <a href="#get-started-fb">Getting Started</a> | <a href="#fundamental-fb"> The Fundamentals </a>|<a href="#tactic-fb"> Tactics</a></li>
+					                <li>Explore Facebook: &nbsp;&nbsp; <a href="#get-started-fb">Getting Started</a> &nbsp; | &nbsp; <a href="#fundamental-fb"> The Fundamentals </a> &nbsp; | &nbsp; <a href="#tactic-fb"> Tactics</a></li>
 					              </ul>  
 					          </div>
 					      	</div>
@@ -194,7 +194,7 @@ <h1><img src="img/twitter.png"> Twitter</h1>
                     <p> Here is an example of a city that uses Twitter well: <a href="https://es.twitter.com/PhiladelphiaGov">@PhiladelphiaGov</a></li>
 					          <div class="secondnav">
 					            <ul>
-					              <li>Explore Twitter: <a href="#get-started-twt">Getting Started</a> | <a href="#fundamental-twt"> The Fundamentals </a>|<a href="#tactic-twt"> Tactics</a></li>
+					              <li>Explore Twitter: &nbsp; &nbsp; <a href="#get-started-twt">Getting Started</a> &nbsp; | &nbsp; <a href="#fundamental-twt"> The Fundamentals </a> &nbsp; | &nbsp; <a href="#tactic-twt"> Tactics</a></li>
 					            </ul>  
 					          </div>
 									</div>
@@ -287,7 +287,7 @@ <h1><img src="img/flickr.png"> Flickr</h1>
 					          <p>Here is an example of a city that uses Flickr well:  <a href="http://www.flickr.com/photos/weho">City of West Hollywood</a>.
 					          <div class="secondnav">
 					            <ul>
-					              <li>Explore Flickr: <a href="#get-started-flickr">Getting Started</a> | <a href="#fundamental-flickr"> The Fundamentals </a>|<a href="#tactic-flickr"> Tactics</a></li>
+					              <li>Explore Flickr: &nbsp;&nbsp; <a href="#get-started-flickr">Getting Started</a> &nbsp; | &nbsp; <a href="#fundamental-flickr"> The Fundamentals </a> &nbsp; | &nbsp; <a href="#tactic-flickr"> Tactics</a></li>
 					            </ul>  
 					          </div>
 									</div>
@@ -388,7 +388,7 @@ <h1><img src="img/youtube.png"> YouTube</h1>
           <p>Here are two examples of other cities that use YouTube: <a href="http://www.youtube.com/user/cityofraleigh">City of Raleigh</a> and <a href="http://www.youtube.com/user/austintexasgov">City of Austin</a>.
           <div class="secondnav">
             <ul>
-              <li>Explore YouTube: <a href="#get-started-yt">Getting Started</a> | <a href="#fundamental-yt"> The Fundamentals </a>|<a href="#tactic-yt"> Tactics</a></li>
+              <li>Explore YouTube: &nbsp;&nbsp;<a href="#get-started-yt">Getting Started</a> &nbsp; | &nbsp; <a href="#fundamental-yt"> The Fundamentals </a> &nbsp; | &nbsp; <a href="#tactic-yt"> Tactics</a></li>
             </ul>  
           </div>
 				</div>