Как поставить иконку между Border?

Question

[stepahryukin]

Здравствуйте Подскажите, пожалуйста, кто-нибудь знает , как реализовать подобный пример?

Answer 1

[drawnofmymind]

position: absolute для иконки
для обертки:
z-index:1
position: relative
иконке :
top: 0 z-index:2;left: 50%;
https://jsfiddle.net/toqh62g5/

Comments

[stepahryukin]

drawnofmymind, спасибо! Как-то можно сделать отступы от иконки? то есть чтобы между бордером и иконкой было расстояние.

Answer 2

[Dmitry]

Тег legend попробуй

Comments

[Froggyweb]

он вроде внутри формы должен быть или грабеж и разбой?

Answer 3

[nturm32]

Иконку оберни слоем. У слоя поставьте:
position:absolute;
top:0;
left:50%;
z-index:2
padding:0 10px;

Этот слой надо вставить в слой с бордерами.
У слоя с бордерами укажите:
position:relative;
z-index:1;