How do you cross that line before the text?



  • Cut these lines out like maquita pictures or create them by cs? введите сюда описание изображения



  • Roll the picture in svg. Next code:

    .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 300px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
    }
    .item span {
      font-weight: 400;
      font-size: 24px;
      line-height: 18px;
      margin-left: 10px;
    }
      <div class="item">
        <img src="./images/wawe.svg" alt="" style="width: 85%;">
        <span>85%</span>
      </div>
      <p>Приехали второй раз</p>
      <div class="item">
        <img src="./images/wawe.svg" alt="" style="width: 95%;">
        <span>95%</span>
      </div>
      <p>Научились кататься</p>
      <div class="item">
        <img src="./images/wawe.svg" alt="" style="width: 99%;">
        <span>99%</span>
      </div>




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2