How to put an icon between the Border?

Question

css

Hello, Can someone please tell me how to implement a similar example?

Answer 1

icon position: absolute for
wrapper icon:
z-index:1 icon
position: relative : top: 0 z-index:2;left: 50%; https://jsfiddle.net/toqh62g5/

Answer 2

Tag legend try

Answer 3

Wrap the icon with a layer. Set the layer to:
position:absolute;
top:0;
left:50%;
z-index:2
padding:0 10px;
This layer should be inserted into the layer with borders.
Set the borders layer to:
position:relative;
z-index:1;