html - Navigation lists, inline and with spacing -


i have navigation bar , want on 1 line there 1 space between each item, want them spaced equally out, , flexible, when change window size adjust.
html

    <div class="navigation">         <div class="navhead">             <h2>navigation</h2>         </div>         <div class="navlist">             <ul>                 <li><a href="home page.html">home</a></li>                 <li>chat</li>                 <li>blog</li>             </ul>         </div>     </div> 

and css

.navlist li{     text-decoration: none;     color: #000000;     list-style-type: none;     display: inline;     text-indent: 10%; } 

please keep in mind in year 7 , don't use complex words

just apply width of li , if needed add padding value. change inline table-cell. , apply space between them apply border-spacing value followings:

.navlist{         border-spacing: 10px; }   .navlist li{         text-decoration: none;         color: #000000;         list-style-type: none;         display: table-cell;         text-indent: 10%;         width: 20%;         padding: 1em;     } 

check demo


Comments

Popular posts from this blog

java - activate/deactivate sonar maven plugin by profile? -

python - TypeError: can only concatenate tuple (not "float") to tuple -

java - What is the difference between String. and String.this. ? -