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

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

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>
Простой и приятный шрифт Простой и приятный шрифт. font: 16px/1.5 "PT Sans",Arial,sans-serif; font-size: 14px; color: #837666; /* font-weight: bold; */
Многоуровневое выпадающее меню JQuery, CSS... Бывают случаи, когда клиента не нужно «поражать чрезвычайной анимацией». Ему вполне подойдет простое меню. А что это значит для веб-разработчика? В м...
Google Chrome как текстовый редактор... Да еще с подсветкой кода! Все что нам потребуется так это вставить в адресную строку вот этот код: data:text/html;base64,PHN0eWxlIHR5cGU9InRleHQ...
3D эффект текста с помощью CSS HTML НажмиНа меня И CSS Стили @import url(http://fonts.googleapis.com/css?family=Montserrat:700); *{transition: all 0.08s ease-in-out;} :...
Читайте также  Запуск и дизайн аквариума.

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