/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

1 vote212 views3 answers
Change scrollbar color
CSS
1 vote206 views1 answer
CSS technique for a horizontal line with icons in the middle
CSS
1 vote208 views1 answer
Bootstrap card hover effect
CSS
0 vote221 views7 answers
Xle
CSS
0 vote198 views1 answer
React use global css classes
CSS
0 vote163 views1 answer
New margin property css 2021
CSS
0 vote220 views1 answer
Flex: 0 1 auto
CSS
0 vote195 views1 answer
Background pulled to corner on small screens
CSS
52 votes185 views4 answers
Rgba green color
CSS
0 vote230 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap