Learning Your Margins; margin-left & margin-right
simple // ur most basic layout tutorials thread
Quick and easy tutorial. (:
There's not much that you guys need to know bout margins.
And I'm only teaching margin-right & margin-left because those are more commonly used.
Not only that, but margin-top & margin-bottom are very complex and confusing to use.
Heck, I don't even fully understand how to use it yet. -.-"
Also, please excuse the plain formatting in this chapter.
I'm getting wayy too lazy to go into the codes and everything just to beautify it. XD
Vocab can be found in chapter two but I'm going to put it in here anyway.
margin-right - the margin of the right side
margin-left - the margin of the left side
Example: < p style="margin-right: 200px;"/ >< span style="font-family: times new roman; font-size: 12px; color: #ff9ca2;"/ >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 < /span >< /p >
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
And no. I did not hit enter at the end of those lines. That's because I set the margin of the right side to 200, so it took away 200px from the original margin of the right side on AFF. And if you don't want the margin to continue, go back into the code and end it by putting < /(name of tag that margin is in) >. Usually for me, it'd be < /p > because I usually put the margins into the 'p' tag. Or you could go and find where you want to change it in the code. Then somewhere in a 'span' tag, add in margin-right/left: #px;
Example: < p style="margin-left: 200px;"/ >< span style="font-family: times new roman; font-size: 12px; color: #ff9ca2;"/ >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< /span >< /p >
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
Alright then.. I think that's about it to this tutorial. And don't forget that if you copy and paste examples to delete every space AFTER each "<" and every space BEFORE every ">". Also, we're reaching the end of the tutorials on the navigation.. so.. if you have any more questions or any more tutorials to request.. GO DO IT NOW!!
Comments