@223606322
начинающий web-разработчик

Как выровнять пункты меню в одну линию, будучи выровненным по центру?

Сейчас текст выровнен по центру, но нужно, чтобы внутри пункты списка находились по одной линии. Как это принято делать?

https://jsfiddle.net/x0crjsmz/
  • Вопрос задан
  • 1417 просмотров
Решения вопроса 2
victory_vas
@victory_vas
.list{
    width: 400px;
    margin: 0 auto;
    font-size: 20px;
    display: flex;
    justify-content: center;
}

text-align убираем
Ответ написан
Можно так, хотя выше уже много вариантов написали.
https://jsfiddle.net/h07s4w1t/

А если в одну линию по вертикали, чтобы все ровно в строку было.
https://jsfiddle.net/h07s4w1t/1/

Вот еще вариант, с выравниванием в одну линию все пункты и еще выравнивание текста от значка.
https://jsfiddle.net/h07s4w1t/2/

ul,li {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
a{
    text-decoration: none;
    color: inherit;
}

.list{
    width: 400px;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
MAID
@MAID
Верстка/Дизайн
Например так:
ul,li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}
a{
    text-decoration: none;
    color: inherit;
}

.list{
    width: 400px;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы