Diagonal line

by Alexander Zonov

HTML

<div class="crossed-out">70 034 €</div>

CSS

.crossed-out {
    position: relative;
    display: inline-block;
    font-size: 24px;
}

.crossed-out:after {
  content: "";
  display: block;
  position: absolute;
  top: -2.5%; left: -2.5%;
  width: 105%;
  height: 105%;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none'> <line x1='0' y1='100%' x2='100%' y2='0' stroke-width='1' stroke='black'/></svg>");
  background-size: cover;
}