Editing Help/Images (section)

=== Stopping the text flow === <!--T:103-->
</translate>
<translate><!--T:104--> On occasion it is desirable to stop text (or other inline non-floating images) from flowing around a floating image.</translate>
<translate><!--T:105--> Depending on the web browser's screen resolution and such, text flow on the right side of an image may cause a section header (for instance, <nowiki>== My Header ==</nowiki>) to appear to the right of the image, instead of below it, as a user may expect.</translate>
<translate><!--T:106--> The text flow can be stopped by placing <tvar name=code2><syntaxhighlight lang=html inline><div style="clear: both"></div></syntaxhighlight></tvar> before the text that should start below the floating image.</translate>
<translate><!--T:107--> (This may also be done without an empty line by wrapping the section with the floating images with <tvar name=code><syntaxhighlight lang=html inline><div style="overflow: hidden">…</div></syntaxhighlight></tvar>, which clears all floats inside the <code>div</code> element.)</translate>

<translate><!--T:108--> All images rendered as blocks (including non-floating '''center'''ed images, '''left'''- or '''right'''-floating images, as well as '''framed''' or '''thumbnail'''ed floating images) are implicitly breaking the surrounding lines of text (terminating the current block of text before the image, and creating a new paragraph for the text after them).</translate>
<translate><!--T:109--> They will then stack vertically along their left or right alignment margin (or along the center line between these margins for '''center'''ed images).</translate>

<translate>