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

6 votes61 views2 answers
Css last child with class
CSS
0 vote61 views1 answer
JavaScript find common characters between the strings
CSS
1 vote82 views1 answer
Lightred color hex
CSS
13 votes55 views6 answers
Hide title bar android
CSS
0 vote61 views1 answer
This syntax requires an imported helper but module 'tslib' cannot be found.
CSS
1 vote67 views1 answer
Universal selector incss'
CSS
12 votes61 views2 answers
Center a cpontent css
CSS
0 vote70 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
0 vote54 views1 answer
Adding script in vat for product order shopify
CSS
0 vote68 views1 answer
Before css font awesome
CSS