/CSS/How to write text in middle of straight line in css

How to write text in middle of straight line in css

h2 {
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #000; 
   line-height: 0.1em;
   margin: 10px 0 20px; 
} 

h2 span { 
    background:#fff; 
    padding:0 10px; 
}

Source: stackoverflow.com

Similar codes

0 vote120 views1 answer
Media query not working with rem
CSS
61 votes242 views2 answers
Bootstrap flex direction column
CSS Bootstrap
0 vote124 views1 answer
Css remove link border on click
CSS
0 vote113 views2 answers
Nativescript hr
CSS
14 votes116 views2 answers
.col-12 bootstrap
CSS
0 vote128 views4 answers
Width in css
CSS
0 vote110 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
31 votes119 views6 answers
Linear gradient
CSS
0 vote131 views1 answer
How to resolve issue in wordpress css isn;t load
CSS
3 votes121 views2 answers
How center content in css by using flex
CSS