Равномерное выравнивание блоков по ширине.

Равномерное выравнивание блоков по ширине.

blocks-align-justify

css

#elsewhere {
background-color: #222;
}

.zone {
padding-left: 1.25rem;
padding-right: 1.25rem;
margin-left: -1.25rem;
margin-right: -1.25rem;
}

#elsewhere ul {
font-family: 'Cabin Condensed',sans-serif;
text-transform: uppercase;
padding-top: ;
padding-bottom: ;
}

#elsewhere li {
width: 16.666%;
height: 3.75rem;
line-height: 3.75rem;
float: left;
display: inline;
margin-right: 4.166%;
background: rgb(43, 74, 172);
}

html

<nav id="elsewhere" class="zone">
          <ul class="content clearfix">
               <li id="elsewhere-twitter"><a href="http://twitter.com/osvaldas" target="_blank">Twitter</a></li>
               <li id="elsewhere-dribbble"><a href="http://dribbble.com/osvaldas" target="_blank">Dribbble</a></li>
               <li id="elsewhere-gplus"><a href="https://plus.google.com/107216309002112755043?rel=author" target="_blank">Google+</a></li>
               <li id="elsewhere-flickr"><a href="http://flickr.com/osvaldas" target="_blank">Flickr</a></li>
               <li id="elsewhere-instagram"><a href="http://instagram.com/osvaldas" target="_blank">Instagram</a></li>
          </ul>
     </nav>
3D эффект текста с помощью CSS HTML НажмиНа меня И CSS Стили @import url(http://fonts.googleapis.com/css?family=Montserrat:700); *{transition: all 0.08s ease-in-out;} :...
Кириллица veranda и roboto шрифт. font-family: Verdana, Geneva, sans-serif; font: normal 13px Roboto,arial,sans-serif;
Внутренние тени в CSS Обычные тени легко реализовать с помощью box-shadow или text-shadow. Но как быть, если необходимо сделать внутренние тени? В этой статье описывается, ...
Свежие новости веб-дизайна и разработки... Followdesign.com Followdesign предназначен для людей, интересующихся дизайном во всех его проявлениях. Но, в первую очередь, конечно, речь на страниц...
Читайте также  Простое выпадающее горизонтальное меню на CSS

Сохрани, чтобы не потерять