If you are a Blogger or MySpace user, you might have a thought like "How do i put two picture's side by side horizontally instead of stack up and down vertically?". Well, i do have the thought so here i'm sharing you this little trick to do the job.
There two ways you can do this.
1. Using the TABLE tag and
2. Simply put your IMG tag next to each other
I'm going to use this picture as an example.
As you can see, the picture is already side by side even when i didn't put any format.
I just simply put the link side by side like this:<img src="#1" /> <img src="#2" />
Or you also can add the ALIGN tag in your IMG code<img align="left" src="#1" /> <img align="left" src="#2" />
So, the picture will align themselves like this
But, this is only applicable if your is in a small width and height. It will not work if your picture has greate height and width
Plus, your source code/HTML code will too complicated for you to read for future reference.
Using TABLE
To use TABLE to format your picture, simply use this following code:<table border="0" cellpadding="2" cellspacing="2"><tbody>
Where IMAGE URL is your image link.
<tr>
<img src="IMAGE URL 01" />
<img src="IMAGE URL 2" />
</tr>
</tbody></table>
This is the outcome of the code:
That's it, now you can make your picture go side by side
How to place image side by side
Tags:
ltimg srcimage url