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

1 vote354 views2 answers
Brightness css
CSS
1 vote341 views1 answer
Restrict flex items in a row
CSS
6 votes340 views2 answers
Css grid full width row
CSS
0 vote335 views1 answer
Center div with variable height
CSS
0 vote347 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
0 vote348 views1 answer
How to give opacity to background only
CSS
0 vote370 views1 answer
Css battle 54 char
CSS
12 votes339 views2 answers
Can't resolve @emotion/react
CSS
0 vote376 views1 answer
Text in circle css
CSS
0 vote324 views1 answer
How to make distance betwwen corosel transition
CSS