Css line-through with words

h1 {
  display: flex;
  flex-direction: row;
}
h1:before, h1:after{
  content: "";
  flex: 1 1;
  border-bottom: 1px solid;
  margin: auto;
}
h1:before {
  margin-right: 10px
}
h1:after {
  margin-left: 10px
}

Source: stackoverflow.com

Similar codes

20 votes169 views5 answers
How to add background image in react css
CSS
0 vote177 views1 answer
Hiding button border when clicked
CSS
3 votes178 views2 answers
How to modify select icon csshow to modify select icon css
CSS
8 votes153 views4 answers
Css fill div with background image
CSS
1 vote152 views2 answers
Image to fill container size
CSS
4 votes145 views2 answers
Gap between two flex items
CSS
20 votes150 views5 answers
Postgres version command
CSS
2 votes174 views1 answer
How to make html element not selectable
CSS
4 votes163 views2 answers
Css center vertically
CSS
0 vote153 views1 answer
Mat slider custom color
CSS