Реализовать border?

Question

[ajlee4]

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

Answer 1

[Рома Зварич]

Например, вот так (используя особенности Flexbox)

Результат:
https://codepen.io/hisbvdis/pen/bGbmybe

Answer 2

[Robert-critical-thoughts]

Очень просто.
Вы делаете блок - присваиваете емуposition: relative, input - даете дополнительную обертку для удобного позиционирования. Обертке и button присваиваете значение position: absolute и выравниваете обертку top: -n px, button - bottom: -n px.

Основному блоку задаете

background-color: transparent, border: 1px solid #your-color.

Такой же трюк можно сделать с отрицательными margin. Но я думаю игра не стоит свеч.