CODEWITHSUNDEEP
htmlcssgoogle-chrome
Paul Anburaj
Paul Anburaj

Reputation: 83

text-decoration: line-through double; not working in chrome

text-decoration: line-through double; not working in chrome browser. is any other option to get double strikethrough?

<h2 style="text-decoration: line-through double;">Hello</h2>

Upvotes: 1

Views: 1448

Answers (2)

vedankita kumbhar
vedankita kumbhar

Reputation: 1500

You can also try this

h2{position:relative;display:inline-block;}
h2:before, h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000;
    top: 44%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
h2:after{
  top:55%;
  }
<h2>Hello</h2>

Upvotes: 3

Asons
Asons

Reputation: 87303

There is no standard for adding double lines. An option would be to use a pseudo element.

.doublestrike {
  position: relative;
  display: inline-block;
}
.doublestrike::after {
  content: '';
  position: absolute;
  left: 0;
  top: 45%;
  height: 10%;
  width: 100%;
  border: 1px solid black;
  border-width: 1px 0;
}
<h2 class="doublestrike">Hello</h2>

Upvotes: 4

Related Questions