Paragraphs Next To Each Other

simple // ur most basic layout tutorials thread

I think someone requested this a long time ago
but I didn't know how to do it and I was trying
to figure out; then I forgot. So to whoever it was that requested
this tutorial before, I'm sorry.
Okay, since I haven't updated this in a long time and I haven't
even bothered to log on aff for a while now,
I kinda forgot how to do this so.... bare with me on this.

For this tutorial, I think we're going to use the < div > tag. I think (if I can remember correctly) that there's a way to do this using the < p > and < span > tag but.... I don't remember how to do it and this is the easiest way... that I can remember. If I'm counting correctly, you can do this three different ways. I'll show the other 2 later on. For now, if you want the example, click on the word 'example' because it was too long so I has to paste it into pastebin. If you don't click on it, you're not getting the example and that'll just show me that you aren't reading this important stuff. Well, sorta important.

I made this and this is how it turned out. Now before you try this and yell at me about pressing enter and not being able to type normally, I'm going to say this: I would only use this if you had a shop and wanted to use this for the rules or something in your description or foreword.

insert text here insert text here insert text here insert text here
insert text here insert text here insert text here insert text here
insert text here insert text here insert text here insert text here
insert text here insert text here insert text here insert text here
insert text here insert text here insert text here insert text here

 

insert text here insert text here insert text here insert text here
insert text here insert text here insert text here insert text here
insert text here insert text here insert text here insert text here
insert text here insert text here insert text here insert text here
insert text here insert text here insert text here insert text here

If you're using my example and are wondering how I got it to be down here because when you pressed enter or shirt+enter, it went down but was aligned with the right paragraph, it's because the example is using the < div > tag and I am now using the < p > tag. Please, observe the example nicely and before you say anything is wrong with it, it does take a while to get it right but if you do it correctly, it should look exactly like it does in edit mode. What I'm saying is, if it looks good in edit mode, it looks good out of edit mode.

Annnnd, that's it for this tutorial. I don't have much to say...... well, mostly because I'm lazy today so I'm not telling much. Sorry about that. XD Urmm, just observe the example carefully and you'll know how to do it and take out the unecessary things in the code because you don't have to remember everything. Just the important things.

Like this story? Give it an Upvote!
Thank you!

Comments

You must be logged in to comment
starfan24
#1
Chapter 13: ⋆。°✩Reader Comment⋆。°✩

Hi author -esque!!

Love this tutorial!! Thank you so much!!

Reader
⋆。°✩starfan24⋆。°✩
Krystal_Luu
#2
Thank you for creating this!!!!
godna24
#3
Chapter 38: hi erm i wanna ask is it possible to use background image instead of background color in the scroll box?
Mael517 #4
Chapter 32: Thank you; this was very helpful!
sikakira
#5
Chapter 18: I wish text shadow worked :((((
Sakarafreak
#6
Chapter 7: Im still confused on the strikethrough..
Dark_History45 #7
Chapter 23: how to change the background image?
Jisoori #8
Chapter 8: why do i have this 'lorem ipsum dolor sit amet' on my preview?