浮动权利不适用于我的Wordpress Mantra主题

Question

我需要在页面的右下角放置一个表格，并在表格周围进行文字环绕。我使用了以下代码。

.floater {
margin: 5px;
float: right;
}
.floater td {
padding: 2px;
border: 1px solid black;
}

---

<table class="floater">
*--- table---*
</table>
<p>text</p>

以下是jsfiddle：http://jsfiddle.net/es7t7xyo/ 它适用于所有编辑器，在我的网站更新时无法正常工作。我正在使用Wordpress Mantra主题。

Answer 1

您应该定义表格的宽度，如：

＆＃13;

＆＃13;

.floater {
    margin: 5px;
    float: right;
    width: 200px;
}
.floater td {
    padding: 2px;
    border: 1px solid black;
}

＆＃13;

<table class="floater">
    <tr><td>11</td><td>12</td><td>13</td></tr>
    <tr><td>21</td><td>22</td><td>23</td></tr>
    <tr><td>31</td><td>32</td><td>33</td></tr>
</table>
<p>Objectively matrix extensive manufactured products without cost effective ROI. Conveniently seize competitive expertise vis-a-vis standardized action items. Distinctively administrate scalable leadership after world-class process improvements.</p>
<p>Progressively utilize adaptive deliverables before open-source manufactured products. Appropriately transition innovative metrics for optimal methodologies. Assertively customize alternative customer service without client-focused web-readiness.</p>

＆＃13;

＆＃13;

＆＃13;