How to format final html?

Question

Pug

Hello! The question is. I use gulp and jade.
gulp task config

gulp.task("jade", function() {
    return gulp.src(["app/jade/*.jade"])
    .pipe(jade({
        pretty: true
    })) 
    .pipe(gulp.dest('app'))
    .pipe(browserSync.reload({
        stream: true
    }))
})

But in the end the code

div.center
    a.order-call(href="#") Заказать звонок
    div.center-description
        span Понедельник - Пятница 09:00-19:00
  i (Заказы в личном кабинете принимаются круглосуточно)

turns into

<div class="center"><a href="#" class="order-call">Заказать звонок</a>
            <div class="center-description"><span>Понедельник - Пятница 09:00-19:00</span><i>(Заказы в личном кабинете принимаются круглосуточно)</i></div>
          </div>

Is it possible to somehow make new lines between spans and links?

Answer 1

#answer_844626