/+ https://webst8.com/blog/css-display/ 
<li>を利用した横並びメニュー
*/
.menu a{
 text-decoration: none;
 color: #000;
       display: block;
 }
 .menu li{
 width: 150px;
 text-align: center;
 background: skyblue;
 display: inline-block;
 }