Skip Navigation | Groups

This site uses cookies- for more information see the Cookie Policy | Continue

Tags

General HTML

2007081001 Email to Ronx
 

Aligned pictures and text

Aligning text and images in a table


small floated image
Water Sports

Voluptua at. Consequat sed luptatum takimata et dolores. Feugiat no in voluptua sanctus. Justo no aliquyam kasd sed praesent invidunt eirmod nonumy. Dignissim labore ipsum amet nonumy et. Vero erat augue sed dolor nostrud et sit nibh gubergren. Autem dolore autem duo ipsum illum no sit et. Clita consetetur eu amet kasd ipsum et feugait illum ut. Dolore sanctus tation. Dolore ipsum elitr nonumy voluptua voluptua erat facer rebum ullamcorper diam. Magna clita voluptua voluptua sanctus hendrerit. Dolor rebum et. Amet et dolores magna amet dolores lorem lobortis et amet sed. Ipsum vulputate sed wisi ipsum labore. Eum amet clita nibh amet magna ipsum tempor diam diam ad. Quis elit kasd euismod no dolores ut ipsum sed invidunt est. Delenit amet.


The above picture and its caption are contained in a table. The table has float and alignment set to Left, with borders and cell padding set to 0 in CSS (this can also be done in Table properties). Additionally, right and bottom margins have been set to 5px to provide a gap between the table and surrounding text.

<table style="float:left; margin:0 5px 5px 0;">

Or (using Table Properties)

<table border="0" cellpadding="0" style="float:left;margin-bottom:5px;margin-right:5px;">