css - 向右浮动不适用于我的 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

您应该像这样定义表格的宽度:

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

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