title: Aligning an image next to a table using only HTML
body: <p>I am working on designing a 'Hall of Fame' on my company's internal wiki.</p>
  
  <p>The website is set up such that I have three images across the top (a trophy, a centered header image, another trophy) and a centered table beneath that.</p>
  
  <p>I have a very tall image that says 'Hall of Fame' sideways that I would like to put along the side of the page.</p>
  
  <p>How would I go about doing that? It appears that the editor on this wiki will only let you change the HTML so it seems that using div's and CSS to style the page is out of the question (correct me if I'm wrong). I'll link the HTML but it's a bit messy.</p>
  
  <p>Thanks!</p>
  
  <pre><code>&lt;p style="text-align: center"&gt;
      &lt;a href="http://www.google.com"&gt;&lt;img align="left" height="342" lconnwikimacro="image" lconnwikiparamattachmentname="trophy.png" lconnwikiparamwikipage="Hall of Fame" src="wikipage" style="height: 141px; width: 116px; padding-top: 30px; padding-left: 65px" width="330" /&gt; &lt;img lconnwikimacro="image" lconnwikiparamattachmentname="SG_HoF_Pic2.png" lconnwikiparamwikipage="Hall of Fame" src="wikipage" /&gt;&lt;/a&gt; &lt;img align="right" height="342" lconnwikimacro="image" lconnwikiparamattachmentname="trophy.png" lconnwikiparamwikipage="Hall of Fame" src="wikipage" style="height: 141px; width: 116px; padding-top: 30px; padding-right: 65px" width="330" /&gt;&lt;/p&gt;
  &lt;p style="text-align: center"&gt;
      &amp;nbsp;&lt;/p&gt;
  &lt;table&gt;
  </code></pre>
  
  <p>EDIT: I used the response below and am now getting the error as depicted in my image below...
  <a href="http://i.stack.imgur.com/hBJ32.png" rel="nofollow">here</a></p>
  
  <p>The sideways image on the left should be next to the table. Not above and to the left.</p>