Michael_Fair

li {
  border: 1px solid red;
  list-style-type: none;
  width:fit-content;    /*Ширина li будет зависит от содержимого*/
  border-radius: 10px;  /*Радиус закругления углов*/
  overflow: hidden;	/* Скрывает содержимое, которое не помещается в li.  
 }                        В нашем случае, мы закруглили углы, но желтый фон ссылки выглядывает, 
                          поэтому ИСПОЛЬЗУЕМ эту строчку */


a {
  display: inline-block;     /* Инлайн-блок, чтобы работали padding'и */
  padding:15px 80px;
  text-decoration: none;
  background-color: yellow;
}