如何在谷歌图表旁边放置一个表格

Question

我正在使用Bootstrap v3，在一种情况下我正在打开一个模态。模态有一个标签，标签项对应一个div。在那个div我想放置一个谷歌图表，旁边是一个数据表。我无法将图表及其数据表彼此相邻。

以下是我使用的代码：

<div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade active in" id="home">
                        <div id="chart_div">
                        </div>
                        <table class="table table-bordered">
                            <tr>
                                <td><b>Risk</b></td>
                                <td><b>Total Individuals</b></td>
                                <td><b>%</b></td>
                            </tr>
                        </table>
                    </div>
                    <div class="tab-pane fade" id="profile">
                    </div>
                </div>

我怎样才能让图表和表格完全相邻。

Answer 1

#chart_div { float: left; margin-right: 1em; }