[Original] fieldset pure CSS split line (DASH) Implementation

< Fieldset Style = "Border: none; border-top: 1px solid blue" >
< Legend Align = "Center"   > Fieldset split line </ Legend >
</ Fieldset >

This fieldset method is weird because it cannot be written to the style when adding a house. Align should be written out of the style. In addition, if solid is not selected for the underlined style, the second method is the line that passes through the text. Of course, you can change the background color of the text to hide it.

Fieldset split line

 

The second method is provided by "front-end development" by Xiao longfemale CSS group friends.

 

 

< Div Style = "Text-align: center; border-top: 1px solid red; line-Height: 30px; Background-color: White" >
< Span Style = "Position: relative; top:-15px; Background-color: White" > Another Implementation Method </ Span >
</ Div >

Another Implementation Method

Of course, these two methods are compatible with browsers.