如何将图像左上角和右下角

Question

有人可以告诉我这里我做错了什么吗？我所拥有的是报价图片.我想在这些引号之间包装文本.公开报价很好并且显示正确.图像位于左上方,文本环绕并位于其下方.但结束报价将无法正确呈现.它低于段落标记.

谢谢

      <div id="box1">
        <div class="info">adfda</div>
        <div class="post">
          <img style="float:left" src="quotes-open.jpg" alt="" />
          <p>lskg;alsjglkajg jlg; ;lkj g;lk aglkj;lgkjlkjg alkjs glkjhaslkj hjkas hglkj asg hagl</p>
          <img style="float:right" src="quotes-close.jpg" alt="" />
        </div>
      </div>

.post p {
  line-height: 1.2em;
  margin: 0 0 20px 0;

}

任何人？？

Answer 1

首先,如果它是一个引用,请使用该<blockquote>元素.如果你绝对想要两个引号,你可以引用一个引用blockquote的背景图像,另一个引用封闭<p>元素的背景图像.使用正确的填充,这应该工作得很好.