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

7 votes182 views2 answers
Make all images same size css
CSS
0 vote191 views1 answer
Css textarea background color transparent
CSS
0 vote184 views1 answer
Add glow to image css
CSS
0 vote196 views2 answers
Css removing title popups
CSS
13 votes188 views4 answers
How to move an image up in css
CSS
71 votes196 views6 answers
Css center image
CSS
10 votes247 views4 answers
Bootstrap badges Links
CSS Bootstrap
9 votes176 views4 answers
Two color background css
CSS
0 vote177 views1 answer
Hex color code for tan
CSS
0 vote196 views1 answer
Css select having both classes
CSS