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

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

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>
Ping-pong игра средствами HTML, CSS, JavaScript.... Пример See the Pen xOqMQm by zetwin (@zetwin) on CodePen. HTML CSS width: 100%; height: 100%; margin: 0px; p...
3D эффект текста с помощью CSS HTML НажмиНа меня И CSS Стили @import url(http://fonts.googleapis.com/css?family=Montserrat:700); *{transition: all 0.08s ease-in-out;} :...
Внутренние тени в CSS Обычные тени легко реализовать с помощью box-shadow или text-shadow. Но как быть, если необходимо сделать внутренние тени? В этой статье описывается, ...
Читайте также  Счетчик просмотров записи по ip адресу в WordPress

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