CSS Positioning Tutorial #8 - Position Relative

Hey gang, in this CSS positioning tutorial, I'll be showing you the position property in CSS. In particular, we'll be looking at relative position and how it can help us offset elements without removing them from normal document flow. Relative position can also be used in conjunction with absolute position, to provide child elements with a relative parent to position themselves within.

========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== HTML for Beginners Playlist ==========

========== The Net Ninja ============

========== Social Links ==========

[amolrao]

The CSS Ninja. Can't thank him enough. Made CSS look so friendly.

[euclid]

I know this is an old video, but this series is exactly what I needed! every other tutorial on css just brushed over positioning really quicky and cosequently i was trying to align inline elements like they used the block model, treating relative positioning like it was part of normal document flow, ect. everything makes so much more sense now, thank subbed :)

[BKofficer]

It's one thing to go online and read about the relative position property, but seeing it demonstrated like this actually allows me to understand. Thanks Shaun.

[AdrienneBing]

Thank you for the videos this is by far the best explanation I have seen for CSS positioning, your explanation of document flow has helped me greatly and has eliminated a lot of frustration.

[hajarjiji]

woooow dude never seen such a simple and short and efficient explanation just bravoo

[jdolaz]

These are some of the most helpful CSS tutorials I've seen. Thank you so much for all the hard work you put into them!

[portuguy]

That's great! Thanks for these videos. I've been struggling with CSS positioning so I'm watching these as soon asap. keep them coming.

[usmanabdurehman]

Mans the main thing i front end as far as i thing is positioning elements and i wanted to like learn them in a proper order, searched positioning on youtube and this yellow playlist thing pops up. Thanks man. You the best

[frodion]

Oh my gosh, you are absolutly the best!

[chelseacheevers]

I love how you've written your lorem ipsum here; "funky fresh crunk! fermentizzle yo metizzle" xD im dying laughing!!

[venkatakalyan]

Good tutorial Men about Relative position in css I love your teaching very much Keep it up.👌

[MONACO]

Exactly what I was looking for.
Cheers mate!
Enjoyed and subscribed ;)

[dravidianChief]

Hey CSS net ninja sensei, love the short videos that hit the nail on the head!!!

[Mustafa-cvpk]

i miss the old hey gangs!! ;) thank you

[ericksalangsang]

Thanks! The best explanation!!! i've watched tons of videos about positioning and this video really helped me understand this concept! Thank you sir

[anabelly]

You're so awesome net ninja, my brain loves you <3

[mr.monepicor]

feels like im learning web development from Naruto

[presthon]

video i was looking for. thanks, like and sub. :)

[mohammadhuda]

You made everything easy ..Please show me how to build drop down menu

[dickheadnumber]

Hello Net Ninja, thank you for your tutorial. Could you show me how to switch the positions of the Content Section and the Service Section simultaneously so that the Content Section moves up to the top of the page, and the Service Section shows up below the Content Section.