Flexbox nav example

HTML

<nav>
  <a class="but1" href="#"><strong>ART</strong></a>
  <a class="but2" href="#"><strong>VIDEOS</strong></a>
  <a class="but3" href="#"><strong>ABOUT</strong></a>
  <a class="but4" href="#"><strong>CONTACT</strong></a>
</nav>

CSS

nav {
  width:100%;
  height:100px;
  background-color: #c9c9c9;
  color:#ffffff;
  margin: 0;

  display: -webkit-flex;
  display: flex;

  align-items: center;
  -webkit-align-items: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
 }
 
 nav a {
    text-decoration: none;
    display: block;
    color: #fff;
    padding: 0 2em;
}