@Daria3011

Как в вертикальном меню в html выровнять картику и текст на одном уровне?




edit.png
EDIT



favorites.png
FAVORITES


history.png
HISTORY


security.png
SECURITY


settings.png
SETTINGS


  • Вопрос задан
  • 34 просмотра
Пригласить эксперта
Ответы на вопрос 1
SPART4K
@SPART4K
Middle Front-end Developer (Vue.js/Nuxt.js)
.block {
   // Делаем блок флексом
   display: inline-flex;
   // Устанавливаем последовательность блока в колонку
   flex-direction: column;
   // Выравниваем по центру
   align-items: center;
}

Или каждый блок в котором состоит текст и картинка сделать по такому же принципу
Можете просто использовать text-align: center; если ваша разметка позволяет

https://htmlacademy.ru/courses/309/run/7

Советую почитать внимательно - flex фундамент верстки)))
https://tproger.ru/translations/how-css-flexbox-works/
https://tpverstak.ru/flex-cheatsheet/
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы