Make navigation menu more compact

Author: binary-sequence

css/portfolio.css

@@ -70,8 +70,6 @@ nav ul {
     list-style: none;
     margin: 0 0 1em 0;
     padding: 0;
-    text-align: right;
-    width: 7em;
 }
 
 nav ul a {
@@ -86,6 +84,12 @@ nav ul a:hover {
     background-color: #f0f0f0;
 }
 
+nav li {
+    border-bottom: 1px solid #bbb;
+    border-right: 1px solid #bbb;
+    display: inline;
+}
+
 /**********************************************************************/
 #headerOfBody {
     margin: .5em 1.3em;

index.html

@@ -24,7 +24,6 @@ <h1>Sergio Lindo Mansilla</h1>
     </header>
 
     <nav id="navMenu">
-        <h1>Index</h1>
         <ul>
             <li><a id="aApps" href="#sectionApps">Apps</a></li>
             <li><a id="aVideogames" href="#sectionVideogames">Video games</a></li>