Борьба с таблетками: проблемы с выравниванием по центру группы
У меня есть группа из 4 вкладок, которые по сути являются навигационные таблетки. Я пытаюсь центрировать группу как в мобильном, так и в полном виде. Проблема, с которой я сталкиваюсь, заключается в том, что при полном просмотре ширина должна составлять 20%, чтобы горизонтальное меню стало полностью широким, но при ширине 100% в мобильном устройстве оно складывает 2 вкладки поверх 2 вкладок, отбрасывает выравнивание текста, чтобы оно больше не выравнивалось с нижней границей, а нижняя граница не соответствует всей ширине моего мобильного представления.
Я перепробовал все, что мог придумать.
Вот код, который у меня есть:` css:
.sqs-block-markdown ul a {
cursor: pointer;
display: inline-block;
border-bottom: 2px solid;
border-bottom-color: #ffcc33;
margin: 0;
position: relative;
font-weight: 400;
font-family: futura-PT;
font-size: 20px;
float: left;
width: 20%;
padding: 1.5em;
color: #303030;
text-decoration: none;
text-align: center;
}`