title: Align end Quote with text at the end
body: <p>I want to place end quote inline with the ending text like below.
  <img src="https://i.stack.imgur.com/JAMfN.png" alt="enter image description here">
  but my HTML renders as below :: <img src="https://i.stack.imgur.com/bgJiy.png" alt="enter image description here"></p>
  
  <p>So, I want to place end quote in the last line.
  But in some resolution it shows in the next line.</p>
  
  <p>My HTML is </p>
  
  <pre><code>&lt;span style="leftquote"&gt;
       &lt;img alt="Quote" src="../../Images/Static/Quote_Start.png" class="startQuote" /&gt;    
  &lt;/span&gt;
  &lt;span class="contentSection"&gt;
      test text test text test text test text
      &lt;img alt="Quote" src="../../Images/Static/Quote_End.png" class="endQuote" /&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>and below is my css::</p>
  
  <pre><code>.leftquote { display: inline; }
  .startQuote
  {
      vertical-align: baseline;
      padding-right: 10px;
      float:left;
  }
  
  .contentSection
  {
      display: block;
      width: 89%;
      padding-top: 8px;
  }
  .endQuote
  {
      vertical-align: text-top;
      padding-left: 10px;
  }
  </code></pre>
  
  <p>So what may be the workaround for this?</p>