PageUp
@PageUp
narcoding

Как реализовать такой блок на CSS?

Доброго времени суток.
Возник такой вопрос, как при помощи чистого CSS, сделать подобный стиль пункта меню как в TES Blades.
60f552dabd618095521534.png

Если не брать во внимание все эти цветовые схемы, а именно расположение DIV элементов, а также позиционирование текста и изображения.

Видно, что есть общий блок как я понимаю, в нем расположено еще 3 под-блока. Один под картинку слева, один под текст, и один справа под доп элементы.

Нечто похожее я попробовал реализовать, но у меня текст, при уменьшении экрана почему-то залазит под картинку. Хотя Float не использовал. Поколдовал, вроде стал переноситься только в своем отсеке, не залезая под картинку слева, но при этом так и не смог выровнять его по центру по вертикали. Пишется исключительно начиная с самого верха.

В общем, хотелось бы узнать, насколько трудно расположить объекты, при помощи CSS, как показано на скрине.
Что бы картинка была слева и по вертикально по центру.
Справа от нее был текст, который бы переносился строго в своем секторе и был так же по центру вертикально, но слева горизонтально.
  • Вопрос задан
  • 59 просмотров
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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