title: How to vertically align text on the right of a table to the middle of the table?
body: <p>I have created an 'inline' table using this extremely useful <a href="https://stackoverflow.com/questions/1159337/display-text-on-same-line-as-html-table">Stack Overflow Link</a>, made to look like a fraction. A picture of it is put below:</p>
  
  <p><img src="https://i.stack.imgur.com/QsRYP.png" alt="three over five in a table"></p>
  
  <p>Now all works fine, but look at what happens when content next to it is placed in:</p>
  
  <p><img src="https://i.stack.imgur.com/oH8pe.png" alt="three over five with a plus sign (not working)"></p>
  
  <p>The plus sign aligns itself with the top of the table. So I was wondering, is there a way to align it to the middle of the table(near the vinculum or middle line)?</p>
  
  <p><strong>EDIT:</strong> Due to user requests, this is the code for my table and also the plus sign:</p>
  
  <pre><code>&lt;table style="border-collapse: collapse; width: auto; float: left; margin: 2px;"&gt;
    &lt;tbody&gt;
      &lt;tr&gt;&lt;td style="text-align: center;padding: 5px; border-bottom: 1px solid black;"&gt;3&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td style="text-align: center; padding: 5px;"&gt;5&lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  +
  </code></pre>
  
  <p>Also, all of the above code is placed in a p element.</p>