<div>
  <ul>
    <li>メニュー1</li>
    <li>メニュー2</li>
    <li>メニュー3</li>
    <li>メニュー4</li>
    <li>長いメニュー長いメニュー長いメニュー長いメニュー5</li>
  </ul>
</div>
div{
  padding:20px;
}
ul{
  display: -webkit-flex; /* Safari */
  display:flex;
  li{
    border:1px solid #ccc;
    padding:20px;
    margin:5px;
    width:20%;
    line-height:150%;
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.