Welcome To The Bitchery
Welcome To The Bitchery
This is a platform for User Generated Content. G/O Media assumes no liability for content posted by Kinja users to this platform.

How to Use the Tag for Fun and Profit

I hear a lot of cursing about formatting on Kinja, which is valid 'cause knowing HTML shouldn't be a pre-req for posting cat GIFs on GT BUT I DIGRESS.

Let's say you want to post some GIFs or pictures or tweets. You would also like to talk about each one individually. I'm not going to break up the post, so all the text that I put inbetween the GIFS to separate/explain them (when you're writing), is actually going to escape from where I put it and migrate to go beside the GIFs.

Advertisement

This is GIF numbers 1. Her hair is looking good.

Advertisement

This is GIF #2. NPH is so adorable!

Advertisement

This is GIF #3. I'd consider watching Glee again for this man.

Advertisement

Crap! My text is beside the pictures and now my comments are hard to decipher! But I wrote my comments inbetween my GIFs! Why doesn't Kinja keep the format as I see it??? Short answer: Kinja is a monster. (Bonus confusion: If you wrote a post like normal, with the comments in between the pictures, it looks PERFECT on mobile only. But it's ruined on PC experiences.)

Advertisement

BUT WAIT! Do you see that gray line under our keyboard crooner? THAT is the < hr > tag, which creates a line break. I'd call it a 'full stop' if I actually knew what a 'full stop' was called in this context.

So, how did I put that in there?

I went to the HTML mode, found at the top of the Post Maker, beside the bullet-point feature:

Illustration for article titled How to Use the Tag for Fun and Profit
Advertisement

I then put the < hr > tag right after what I want to 'stop.'

So, Keyboard Crooner GIF looks like this in the HTML setting in the HTML gobbledygook (two side arrows. It ends in the GIF name), and the HR tag going after it:

Illustration for article titled How to Use the Tag for Fun and Profit
Advertisement

SO let's try our GIF list again, but using the HR after each GIF but before the following text:

This is GIF numbers 1. Her hair is looking good.

Advertisement

This is GIF #2. NPH is so adorable!

Advertisement

This is GIF #3. I'd consider watching Glee again for this man.

Advertisement

I put another HR after, so I can keep talking and typing away.

So that's how you keep photos and captions together!

Notes: Embedding YouTube videos seems to take up the whole width of the page, so a break usually isn't necessary to keep the flow of text clean.

Advertisement

Example:

See, no gray line? BUT my text went under it as it should have, versus getting stuck 'beside' it.

Advertisement

I find this most useful for divvying up pictures, GIFs, quotes, tweets, etc. This is especially useful is your quote has a picture in it already, because that just unleashes the Kinja-Kraken.

Now, I actually have no HTML training. Someone on the ODeck let me know about the HR tag and then I did a lot of trial and error to get it where I want it. Please don't ask any follow up questions because if you hit the bullseye, the rest of the dominoes will fall like a deck of cards. Checkmate.

Share This Story

Get our newsletter