Skip to content

Instantly share code, notes, and snippets.

@fafnirical

fafnirical/justify-nav-links.css

Forked from northk/justify-nav-links.css
Last active December 3, 2015 02:51
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save fafnirical/78acdbb0f68330399b27 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save fafnirical/78acdbb0f68330399b27 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. fafnirical revised this gist Dec 3, 2015. 2 changed files with 22 additions and 21 deletions.
    29 changes: 15 additions & 14 deletions justify-nav-links.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,24 +1,25 @@
    * {
    padding: 0;
    margin: 0;
    margin: 0;
    padding: 0;
    }
    #nav {
    text-align: justify;
    outline: 1px solid grey;
    font-size:0;
    text-align: justify;
    text-justify: distribute;
    outline: 1px solid grey;
    font-size: 0;
    }
    #nav:after {
    content: '';
    display: inline-block;
    width: 100%;
    display: inline-block;
    width: 100%;
    content: '';
    }
    #nav li {
    display: inline-block;
    background-color: #086CA2;
    font-size:1rem;
    display: inline-block;
    background-color: #086CA2;
    font-size: 1rem;
    }
    #nav a:link {
    display: block;
    color: white;
    padding: 1em 0;
    display: block;
    padding: 1em 0;
    color: white;
    }
    14 changes: 7 additions & 7 deletions justify-nav-links.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,8 +1,8 @@
    <ul id="nav">
    <li><a href="#">HOME</a></li> <!--
    --><li><a href="#">ABOUT</a></li> <!--
    --><li><a href="#">BASIC SERVICES</a></li> <!--
    --><li><a href="#">OUR STAFF</a></li> <!--
    --><li><a href="#">CONTACT US</a></li><!--
    --></ul><!--
    --><h2>Next element</h2>
    <li><a href="#">HOME</a></li>
    <li><a href="#">ABOUT</a></li>
    <li><a href="#">BASIC SERVICES</a></li>
    <li><a href="#">OUR STAFF</a></li>
    <li><a href="#">CONTACT US</a></li>
    </ul>
    <h2>Next element</h2>
  2. @northk northk renamed this gist Nov 28, 2013. 1 changed file with 0 additions and 0 deletions.
    0 justify<>-nav-links.css → justify-nav-links.css
    View file
    File renamed without changes.
  3. @northk northk renamed this gist Nov 28, 2013. 1 changed file with 0 additions and 0 deletions.
    0 justify-nav-links.css → justify<>-nav-links.css
    View file
    File renamed without changes.
  4. @northk northk revised this gist Nov 25, 2013. 2 changed files with 0 additions and 0 deletions.
    0 css → justify-nav-links.css
    View file
    File renamed without changes.
    0 html → justify-nav-links.html
    View file
    File renamed without changes.
  5. @northk northk created this gist Nov 25, 2013.
    24 changes: 24 additions & 0 deletions css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,24 @@
    * {
    padding: 0;
    margin: 0;
    }
    #nav {
    text-align: justify;
    outline: 1px solid grey;
    font-size:0;
    }
    #nav:after {
    content: '';
    display: inline-block;
    width: 100%;
    }
    #nav li {
    display: inline-block;
    background-color: #086CA2;
    font-size:1rem;
    }
    #nav a:link {
    display: block;
    color: white;
    padding: 1em 0;
    }
    8 changes: 8 additions & 0 deletions html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,8 @@
    <ul id="nav">
    <li><a href="#">HOME</a></li> <!--
    --><li><a href="#">ABOUT</a></li> <!--
    --><li><a href="#">BASIC SERVICES</a></li> <!--
    --><li><a href="#">OUR STAFF</a></li> <!--
    --><li><a href="#">CONTACT US</a></li><!--
    --></ul><!--
    --><h2>Next element</h2>