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

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

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>
Google Chrome как текстовый редактор... Да еще с подсветкой кода! Все что нам потребуется так это вставить в адресную строку вот этот код: data:text/html;base64,PHN0eWxlIHR5cGU9InRleHQ...
Простой и приятный шрифт Простой и приятный шрифт. font: 16px/1.5 "PT Sans",Arial,sans-serif; font-size: 14px; color: #837666; /* font-weight: bold; */
Кириллица veranda и roboto шрифт. font-family: Verdana, Geneva, sans-serif; font: normal 13px Roboto,arial,sans-serif;
Внутренние тени в CSS Обычные тени легко реализовать с помощью box-shadow или text-shadow. Но как быть, если необходимо сделать внутренние тени? В этой статье описывается, ...
Читайте также  Простое выпадающее горизонтальное меню на CSS

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