Как выровнять текст во второй строке, чтобы он начинался чуть ниже от слова в первой строке.(не под тегом i)

#html #tags

Вопрос:

Я поместил тег i внутри тега p(html). я хочу, чтобы текст во второй строке начинался чуть ниже от слова в первой строке.(не под тегом i)

  <div class="col-lg-7 col-md-7">
                    <div class="menu-text">
                        <h2>Shopping cart</h2>
                        <p><i class="fas fa-hand-point-right"></i><span>RCD Digital Menu</span> has a well designed <strong>Slide-In cart </strong> with <strong>scroallable</strong> product view. customer can quickly increase / decrease quantity as well
                            as delete items from the cart.</p>
                        <p><i class="fas fa-hand-point-right"></i>Cart provides customer an easy amp; understandable view of amount summary.</p>
                    </div>
                </div>
 

CSS

    .digital-menu-section .feature-section .menu-text p {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.8px;
    line-height: 32px;
}

.digital-menu-section .feature-section .menu-text svg {
    margin-right: 15px;
}
 

скриншот