CSS Фигуры

Здравствуйте, мне нужно сделать геометрическую фигуру в css, сейчас поясню какую, жалко, что нельзя приложить картинку.
Смотрите, фигура состоит по сути из трёх элементов: прямоугольник с закруглёнными углами (широкой стороной вниз), из середины его нижней стороны исходит вертикальная линия и соединяется с другим таким же прямоугольником в середине его верхней стороны.
Надеюсь, что вы представили. Так вот вопрос, как мне это сделать? Я подозреваю использование псевдоэлементов, но в этой разработке честно говоря новичок и поэтому прошу помощи. Спасибо.
08 ноября 2020 в 12:15
Ближайшие курсы

Как начать свой путь в разработке?
Онлайн-курс
4
марта

Веб-разработка для начинающих
Учимся делать сайт
4
марта
Виртуальная и дополненная реальность: как стать VR/AR разработчиком?
Онлайн-курс
4
марта
Новые статьи

Триггеры доверия на сайте: работающие элементы и принципы
17700

Как и почему стоит начать работать с Figma
21000

UI-дизайнер: подробно о профессии дизайнера интерфейсов
52400
Новые вебинары

Правовые аспекты работы с блокчейн-проектами
08 апреля730

Работа тестировщика на разных IT-проектах
31 марта30

IT на удаленке. Снимаем розовые очки
31 марта10
Новые темы