title: How to display Table and Image using inline-block in Html?
body: <p>How can I display my image and the table on the same level? This is really depressing me because I can't get "inline-block" to work. :(</p>
  
  <pre><code>&lt;p id="play"&gt;
      hey
  &lt;/p&gt;
  &lt;div id="menu"&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;td&gt;Models&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Cars&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Modern Houses&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Vacation Spots&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Sports and Outdoors&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Books&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Abandoned Houses&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Summer Wear&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Makeups&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td id="site"&gt;Site Info&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  &lt;img src="C:\Users\Elexie\Documents\Downloads\faki2.jpg"/&gt;
  
  
  body {
      background: #181818;
      margin: 0;
      padding: 0;
  }
  
  /* set body display to inline-table*/
  #play {
      background: black;
      color: white;
      margin: 0;
      padding: 0;
      height: 35px;
  }
  
  table,td {
      color: white;
      border: 1px solid white;
      border-collapse: collapse;
      width: 160px;
      padding: 10px;
      font-family: ;
  }
  
  table {
  
  }
  
  #site {
      height: 350px;
  }
  
  img {
      float: right;
  }
  </code></pre>
  
  <p>I changed the picture, but it's of similar size
  <a href="http://jsfiddle.net/w6d5g/" rel="nofollow">http://jsfiddle.net/w6d5g/</a></p>