Editing Help/Tables (section)

=== Table alignment === <!--T:297-->
</translate>
<translate><!--T:298--> Table alignment is achieved by using CSS.</translate>
<translate><!--T:299--> The table alignment is controlled by margins.</translate>
<translate><!--T:300--> A fixed margin on one side will make the table to be aligned to that side, if on the opposite side the margin is defined as ''auto''.</translate>
<translate><!--T:301--> To have a table center aligned, you should set both margins to ''auto''</translate>

<translate>
<!--T:302-->
For example, a right-aligned table:
</translate>

{| style="width:100%"
! style="width: 50%;"|<translate><!--T:303--> You type</translate>
! style="width: 50%;"|<translate><!--T:304--> You get</translate>
|-
| style="padding: 5px;"|
<pre>
{| class="wikitable" style="margin-left: auto; margin-right: 0px;"
| <translate nowrap><!--T:305--> Orange</translate>
| <translate nowrap><!--T:306--> Apple</translate>
|-
| <translate nowrap><!--T:307--> Bread</translate>
| <translate nowrap><!--T:308--> Pie</translate>
|-
| <translate nowrap><!--T:309--> Butter</translate>
| <translate nowrap><!--T:310--> Ice cream</translate>
|}

Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.
</pre>
| style="padding: 5px;"|
{| class="wikitable" style="margin-left: auto; margin-right: 0px;"
| <translate><!--T:311--> Orange</translate>
| <translate><!--T:312--> Apple</translate>
|-
| <translate><!--T:313--> Bread</translate>
| <translate><!--T:314--> Pie</translate>
|-
| <translate><!--T:315--> Butter</translate>
| <translate><!--T:316--> Ice cream</translate>
|}

Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.
|}

<translate>
<!--T:317-->
And a center-aligned table:
</translate>

{| style="width:100%"
! style="width: 50%;"|<translate><!--T:318--> You type</translate>
! style="width: 50%;"|<translate><!--T:319--> You get</translate>
|-
| style="padding: 5px;"|
<pre>
{| class="wikitable" style="margin: auto;"
| <translate nowrap><!--T:320--> Orange</translate>
| <translate nowrap><!--T:321--> Apple</translate>
|-
| <translate nowrap><!--T:322--> Bread</translate>
| <translate nowrap><!--T:323--> Pie</translate>
|-
| <translate nowrap><!--T:324--> Butter</translate>
| <translate nowrap><!--T:325--> Ice cream</translate>
|}

Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.
</pre>
| style="padding: 5px;"|
{| class="wikitable" style="margin: auto;"
| <translate><!--T:326--> Orange</translate>
| <translate><!--T:327--> Apple</translate>
|-
| <translate><!--T:328--> Bread</translate>
| <translate><!--T:329--> Pie</translate>
|-
| <translate><!--T:330--> Butter</translate>
| <translate><!--T:331--> Ice cream</translate>
|}

Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.
|}

<translate>