Как сделать что бы пункты меню занимали нужную ширину?

li {
        $baseWidth: 100% / 7;
        width: $baseWidth;
        //немного добавляем или убавляем длинну - чтобы отступы для 
        //длинных и коротких слов выглядели одинаково
        &:nth-child(2) {width: $baseWidth + 3%;}
        &:nth-child(5) {width: $baseWidth - 3%;}
}

li {
        text-align: center;
        &:first-of-type {text-align: left;}
        &:last-of-type {text-align: right;}
}