Chapter one — layout tutorials ❝letter spacing❞ 

letter spacing,your text either 
squished.
or!
Widened.

And no,those aren't pictures i edited,or entered space bar.

also,Copy & paste no more! You don't have to copy and paste when you need your letters squished or widened. Let's get started shall we? cx

First,type the text.. 
Im jaebum

Second,edit your text.. Change the size of the font. Its a MUST for starters.. its easier to do your squished/widened text.
Im jaebum
(text size;20.) Also,Change the font if you'd want it pretty! and of course,who doesn't want it to be pretty? XD
Im jaebum
(font;georgia.)

the next part may be alittle confusing..but don't you worry! I'm always here if you want to ask questions!

okay,see the coloum that says 'source' on the top left corner? yeah,that's the magic to all the layouts! it has weird codes but that's the only way. XD
Click 'source' and you'll probably see the code on the screen.. code; 

<-p-><-span style="font-size:20px;"->-<-span style="font-family:georgia;"->-Im jaebum--- 
(remove all '-')

just some words could make your text a huge..'BOOOOM! WUUU' /killed. Anyways,if you see the code carefully,you'll see the code 'font-size: 20px;' right? 

For your letters squished,put 'letter-spacing:-#px;' behind 'font-size:20px;'. (the '#' is for a number..' Click source again and TA-DAAH!

Im jaebum
[the number i chose was 3px. you could do that too! So its 'letter-spacing:-3px;]. 

And for your letters widened,put 'letter-spacing:3px;'.. THEN,TA-DAAH! ...AGAIN..

Im jaebum
[the number i chose was 3px. you could do that too! So its 'letter-spacing: 3px;]. 

No changes eh? its just a flip of '-'. For letter squished,its 'letter-spacing:-3px;' and for letter widened its 'letter-spacing 3px;'.. 
That's about all yeah? Play around with it & remember, i'll always be able to help. XD But it's really simple though.