如何内联空div和表格

Question

如何内联此空div并使表格显示为内联？

此表由ASP.NET电台列表生成。

<div class="aClass">a</div>
<table id="ctl00_">
    <tbody>
        <tr>
            <td>
                <input id="ctl00_0" type="radio" name="a" value="0">
                <label for="ctl00_0">a</label>
            </td>
        </tr>
        <tr>
            <td>
                <input id="ctl00_1" type="radio" name="b" value="1">
                <label for="ctl00_1">a</label>
            </td>
        </tr>
    </tbody>
</table>

的CSS

.aClass {
    display: inline-block;
    width: 120px;
    background-color:blue;
}

http://jsfiddle.net/59xpp/

Answer 1

如果该表是该div的下一个兄弟，您可以尝试adjacent siblings selector

+是相邻的兄弟选择器。

.aClass {
    display: inline-block;
    width: 120px;
    background-color:blue;
    vertical-align:middle; /* Add this */
}
.aClass + table{
    display:inline-block;
    vertical-align:middle; /* Add this */
}

Fiddle