Text editors

It is one of those things that has been difficult with normal css because "text-align" applies to inline content, not to a block-level element like "table" and IE6 does not understand margin:auto. Anyway - try this:

<div style="text-align: center;">
<table style="margin-left: auto; margin-right: auto; width: 100px;"><tbody>
<tr>
<td>AAAAAAAA<br />
</td>
<td>BBBBB<br />
</td>
</tr>
<tr>
<td>CCCCCCC<br />
</td>
<td>DDDDD<br />
</td>
</tr></tbody>
</table>
</div>

Inner table gets centered automatically except in IE6 and outer div should center that table for IE6. You can modify any properties of table and cells in Full screen editor (second row right in editor toolbar) or edit source with <>.

It does not work here (moodle.org forums) but should work on your site - at least on my test moodle sites style attribute is not stripped away.

It is also possible to define styles to theme css files and use class="myclass1" or class="myclass2" in your tables instead of style attributes.

Hi David and Manu

what I always do in Moodle 1.9x to center a table is:

just add attribute align to table tag like this:

<table align="center" width="50%" border="1"><tbody>
<tr>
<td width="100%" valign="top">your text here
</td>
</tr></tbody>
</table><br /><br />


cheers