if you understand lesson 1, then i guess you could move on to lesson 2.
first of all, i would like you to see some of my shops since i'm a layout coder.
i would also like you students to study more about coding. this seems to be
the problem of many users. so now i will teach average coding. in lesson 1,
you learned how to code for beginners. but for now, i will be teaching 2 things.
i will be teaching: words in photos, lines. so this is basically a mix
of beginners and average. let's start

first thing to teach is words in photos. first you need a photo!









okay, you know where to type the border code right? (padding, from lesson 1). after the
semi-colon again, you type this code: (remember to erase the < and > + remove the space if
there is any.

< margin: 0px 0px  -100px; >

second step is press beside the photo then click enter!

questions? comment below!
i hope this helped!
 

2nd lesson is lines~~. hmm, i guess all of you are familiar with lines right?.
okay here is the code:
< div style="background-color:#FFD1DC;width:6px;height:369px;float:left;margin:0px 0px;" >

okay i'll just get a photo, again.

first thing i wanna do is paste the code in the source. paste it anywhere!, but it
would be easier if you pasted in the bottom.

if you noticed the line beside, its low right? so look here!

here is the added code:

< margin-top: -##px; >

i prefer 200+ ^^ instead of 140px. anyways, if you want to change the color. you see the background-color?? (otl forgot to crop!)

just change that. if you can't find the specific color you want, you could get it from here.
workwithcolor.com
just click on color names, scroll down and you'll see a color wheel ^^. if you have problems with understanding my lesson, please comment below.