<ul> <li><a href="#">top</a></li> <li><a href="#">information</a></li> <li><a href="#">profile</a></li> <li><a href="#">contact</a></li> </ul>
ul { list-style-type: none; letter-spacing: -1em; width: 100%; padding: 0; } ul li { display: inline-block; letter-spacing: 0; margin-right: 20px; width: calc((100% - 60px) / 4); background: #000; text-align: center; } ul li:last-child { margin-right: 0; } ul li a { display: block; text-decoration: none; color: #fff; }