Line in middle word css

style="text-decoration: line-through;"

CSS technique for a horizontal line with icons in the middle

<h1>Heading</h1>
<h1>This is a longer heading</h1>

h1 {
  overflow: hidden;
  text-align: center;
}

h1:before,
h1:after {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

h1:before {
  right: 0.5em;
  margin-left: -50%;
}

h1:after {
  left: 0.5em;
  margin-right: -50%;
}

Source: stackoverflow.com

Similar codes

27 votes266 views1 answer
Css how to create gradients on text outline
CSS
2 votes289 views1 answer
Css percent minus pixel
CSS
0 vote260 views1 answer
Label width css
CSS
1 vote300 views1 answer
Overflow scrollbar with variable height
CSS
1 vote277 views1 answer
Free computer screen recording software
CSS
64 votes270 views3 answers
How to use variables in css
CSS
17 votes265 views2 answers
Place item center in css using grid
CSS
3 votes279 views2 answers
How to change only bullet color in css
CSS
5 votes333 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
0 vote277 views1 answer
Hide the default tooltip behaviour from safari
CSS