Как сверстать такой border?

Question

[Heorhii]

Всем привет. Подскажите как сверстать border как на скрине... Буду весьма благодарен за любую помощь

Comments

[Ivan Bogachev]

С чем именно у вас возникли сложности?

[Heorhii]

Ivan Bogachev, Не знаю как сделать чтобы он выходил за пределы первого блока (тот что синий), и поверх накладывался на второй - черный

[Basitkhan Mansurov]

Георгий Городенко, не вижу в этом проблемы, делай positions: absolute; right: -50px; border: 3px solid white;

Answer 1

[Владимир Варламов]

https://jsfiddle.net/b3oqL9kr/7/

Answer 2

[Андрей Глюк]

Что конкретно ты имеешь ввиду под словом бордер? Ты про прозрачный див заехавший за середину дива? Или что?

Comments

[Heorhii]

Да, про него

[Андрей Глюк]

Это обычный прозрачный див, с бордером 2px solid #fff; размещенный либо флексом, либо отступами марджин-лэфт.