CSS Positioning Tutorial #6 - Floating Columns

Yo ninjas, in this CSS positioning tutorial, I'll be showing you another example of where we can use floats in CSS to create a desired layout in the browser. In this example we'll take a look at creating 2 columns of content that are both floated left. We'll then clear the floats at the end.

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

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

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

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

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

[MJUnderwood]

You sir are a genius. I have not seen anyone explain this stuff as well as you do. In fact, there are things I didn't know about that I learned just watching your videos. Thank you and awesome work.

[suvodhdhungyell]

The net ninja is awesome. I love his content. I am a flutter developer thanks to net ninja ... And just 1 months ago i wanted to learn web development so after learning html and basic css i came here :-) I just wasted my 1 precious months without coming here. Net ninja taught me flutter and also he is teaching me web development... wow I love him

[edwardskhalil]

short videos, bro I freakin love it, man I hate those huge long videos

[akj]

You are the first person who explained it correctly.

[CDitfort]

Love your videos. Explained very clear and really helped me to under stand position. This kind of materials should be something people need to pay for.

[preetamvarun]

Dude where have you been all this time !! OMG your tutorials are super awesome!!🤙⚡

[DemethiusJackson]

So glad I stumbled upon your tutorials! Every playlist of yours I've seen is 100% quality.

[howellpendragon]

This is definitely much easier to understand than the module they gave me ;;u;; thank you so much!

[wly]

love your css tutorials, they are the best i've seen so far :)

[markhansel]

Just wanted to say thanks. Your videos are helping me so much!

[doaashafik]

You You explain anything in details
thank you for your time

[melihbagceli]

You are awesome ninjaboy, very helpful tutorials

[marnonymous]

Great vids man, i have learned new things from you

[powerstrike]

Thank you very much! Very helpful lessons!

[ColorMeSync]

Thank you thank you thank you thank you !!!

[talhakhalil]

with me the clear float property is not working . the content isnt taking the margin. guide me please i will be thankful

[tyoung]

Great tutorial! Any update on the HTML 5 playlist?

[samminaei]

if you write without pressing enter your writing would print overflow can we limit p tag line width.

[solomonjenkins]

How do I get my columns to start from the bottom of the div? Mine keep starting from the top. I'm trying to make a customizable bar graph with only CSS and html and a bit of jscript

[djmwebsites]

Hi and thank you for these videos, very good, very, very good. I do have a question. The two columns are the height of the content and change according to the browser width - is there a way to keep them the exact same height no matter the browser width? I do know how to do it with flexbox so should I just go about it that way?