Putting two gifs or photos next to each other!

To start off, get your images ready. Be it two or more, you want them ready. This is really simple, but can be a little forgetful.
 
Search the toolbar for the images. It's a little picutre. Press it, where you want the image. Put your images link in and press ok. If you want it set to one side, go to alignment and select left or right.
 
Below are two gifs next to each other. All I did was press the image tool, put the link in and changed the width size, pressed okay and wah-la! All you do is, after putting your first image, go next to it using the arrow keys and put your second gifs.
 
 
Another way to do this is to make divs! Go into the cource and write out < div style="width:200px;float:left" > if you need the width to be larger, just change it. You don't need to set the height, but can if you want.
 
Next, you want to add your image. For this, between the div and it's ending, you'll need to add < img alt="" src="link" style="width: 200px; height: 106px;" /  >
 
Then, put your ending div < /div > after it.
 
So, together this is < div style="width:200px;float:left" >< img alt="" src="link" style="width: 200px; height: 106px;" / >< /div >
 
(Remove the spaces between the < and the >  and remember to put your image link where I've written link!)
 
I'll demonstrate below with two floating divs with two Park Sora gifs.
 
As you can see above, both gifs are right next to each other. This is because I created two floating divs. This is the easiest way I know how to do this. But I'm sure there are other ways.

Comments

You must be logged in to comment
cozette
#1
OMG, thank you so much for this!! You're awesome!! Thanks for your patience!! XD Have a great day!! ^^
dream_keeper88
#2
I always do the first step. But thanks for the second one. I forgot all about the 'float' xD