html - 我将如何为我的推荐页面实现这一目标？

Question

我想在报价的开头和结尾加上带有超大引号的报价。目前我遇到的问题是间距太大。这是我的代码：

HTML:
<section class="testimonial">
    <span class="quote">&quot;</span>
    <p>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi.
    </p>
    <div class="last">
        <span class="quote">&quot;</span>
    </div>
</section>

CSS:
/* Testimonials */
.testimonial p {
    margin: 0 12.5% 15px;
    text-align: center;
}

.quote {
    font-family: "times new roman", sans-serif;
    font-size: 5em;
    color: #CC1714;
    display: inline-block;
}

.last {
    text-align: right;
}

这是我想要实现的目标：

Answer 1

试试这个：

CSS

.testimonial p {
  display: inline-block;
  margin: 0;
  text-align: center;
}

.quote {
     font-family: "times new roman", sans-serif;
     font-size: 5em;
     color: #CC1714;
     display: inline-block;
   }

.last {
     display: inline-block;
     text-align: right;
   }