20/28 96 % Что только не пробовал...Ширина последнего пункта

html, 
body {
    margin: 0;
    padding: 0;
}

body {
    width: 430px;
    min-height: 280px;
    padding: 10px;
    font-family: "Arial", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    background: #ecf0f1;
}

.main-menu {
    margin:0;
    padding: 0;
    list-style: none;
    }
    
.main-menu li {
    display: inline-block;
    margin-right: -5px;
    
    }
    
.main-menu a {
    display: block;
    border-left: 2px solid #2c3e50;
    padding: 10px 15px;
    color: #ffffff;
    background-color: #2980b9; 
    text-decoration: none;
    
    }    

.main-menu li.active a {
       background-color: #1abc9c;   
    } 
    
.main-menu a:hover {
    background-color: #1abc9c;

Всё же перечислите, что вы пробовали сделать.

Например,

.main-menu li:last-child {
padding-right: 20px;
}

.main-menu a:last-child {
padding-right: 20px;
}

ul:last-child {
padding-right: 20px;
}

и т.д.
пытался манипулировать общей шириной тега body

Если бы редактор хтмл был открыт, наверно, добавил бы класс последнему пункту…)

Давайте разберем ваши варианты.

Вы хотели выбрать последнюю ссылку, но ваш селектор выбирает каждую последнюю ссылку у родителя. Непосредственным родителем для ссылки является li. Внутри каждого li всего одна ссылка. Она и первая, и последняя одновременно. В итоге получилось, что удлинился каждый пункт меню.

Похожая ошибка. Список ul всего один.

Это ближе всего к истине. Вот только у li нет фона. Пункт удлинился, всё как вы хотели. Но этого не видно. Что делать?

делать то, что отличает нормального верстальщика от меня))
добавить
background-color: #2980b9;

в итоге:

.main-menu li:last-child {
padding-right: 25px;
background-color: #2980b9;
}

Обычно, чтобы проверить в таких случаях как ведет себя элемент, я добавляю временную рамку… но тут я это сделать забыл… Иногда мне кажется, что из меня не выйдет ничего))

Научитесь пользоваться инструментами разработчика в браузере (открываются нажатием клавиши F12). И будет у вас своё “всевидящее око” :slight_smile:

спасибо за совет!