Editing Help/Tables (section)

=== Table floating around text === <!--T:332-->
</translate>
<translate><!--T:333--> If you align a table to the right or the left side of the page, the text that comes after the table starts at the end of it, leaving an empty space around the table.</translate>
<translate><!--T:334--> You can make the text to be wrapped around the table by making the table to ''float'' around the text instead of just aligning it.</translate>
<translate><!--T:335--> This can be achieved using the <tvar name="1"><code>float</code></tvar> CSS attribute, which can specify whether the table floats to the right side or to the left.</translate>
<translate><!--T:336--> When using ''float'', margins don't control table alignment and can be used to specify the margin between the table and the surrounding text.</translate>

{| style="width:100%"
! style="width: 50%;"|<translate><!--T:337--> You type</translate>
! style="width: 50%;"|<translate><!--T:338--> You get</translate>
|-
| style="padding: 5px;"|
<pre>
{| class="wikitable" style="float:right; margin-left: 10px;"
| <translate nowrap><!--T:339--> Orange</translate>
| <translate nowrap><!--T:340--> Apple</translate>
|-
| <translate nowrap><!--T:341--> Bread</translate>
| <translate nowrap><!--T:342--> Pie</translate>
|-
| <translate nowrap><!--T:343--> Butter</translate>
| <translate nowrap><!--T:344--> 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. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat,
vel illum dolore eu feugiat nulla facilisis at vero
eros et accumsan et iusto odio dignissim qui blandit
praesent luptatum zzril delenit augue duis dolore te
feugait nulla facilisi.
</pre>
| style="padding: 5px;"|
{| class="wikitable" style="float:right; margin-left: 10px;"
| <translate><!--T:345--> Orange</translate>
| <translate><!--T:346--> Apple</translate>
|-
| <translate><!--T:347--> Bread</translate>
| <translate><!--T:348--> Pie</translate>
|-
| <translate><!--T:349--> Butter</translate>
| <translate><!--T:350--> 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. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat,
vel illum dolore eu feugiat nulla facilisis at vero
eros et accumsan et iusto odio dignissim qui blandit
praesent luptatum zzril delenit augue duis dolore te
feugait nulla facilisi.
|}

<translate>