html - 如何在 Html 中使用内联 block 显示表格和图像？

Question

如何在同一层显示我的图像和表格？这真的让我很沮丧，因为我无法让“inline-block”工作。 :(

<p id="play">
    hey
</p>
<div id="menu">
    <table>
        <tr>
            <td>Models</td>
        </tr>
        <tr>
            <td>Cars</td>
        </tr>
        <tr>
            <td>Modern Houses</td>
        </tr>
        <tr>
            <td>Vacation Spots</td>
        </tr>
        <tr>
            <td>Sports and Outdoors</td>
        </tr>
        <tr>
            <td>Books</td>
        </tr>
        <tr>
            <td>Abandoned Houses</td>
        </tr>
        <tr>
            <td>Summer Wear</td>
        </tr>
        <tr>
            <td>Makeups</td>
        </tr>
        <tr>
            <td id="site">Site Info</td>
        </tr>
    </table>
</div>
<img src="C:\Users\Elexie\Documents\Downloads\faki2.jpg"/>


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;
}

我换了图，大小差不多 http://jsfiddle.net/w6d5g/

Answer 1

在你的 CSS 代码中:

table{
float:left;
}

应该可以解决问题。

阅读更多:http://www.w3schools.com/css/css_float.asp