HomeОбразованиеRelated VideosMore From: EJ Media

CSS Tutorial for Beginners - 33 - Floating an element

351 ratings | 81452 views
In this video we take a look at floating elements. HTML: http://pastebin.com/btMvvJmx CSS: http://pastebin.com/Jy6Q45S0
Html code for embedding videos on your blog
Text Comments (36)
Stephan Hungenaert (3 months ago)
What a good explanation, finally i understand it, thanks a lot!!
Syed Saifuddin (3 months ago)
How is float property different from width property?
rad man (4 months ago)
Nice
Khalid Abdul Hadi (7 months ago)
Thank you, good work and excellent presentation
Mohammed Avez (11 months ago)
when i put border to div1 and div2 and put float:left to div1 and float:right to div 2 other properties remain the same the div elements are not aligning on the same line why?
Khalilur Rahman (1 year ago)
Hi, CSS Guru! Thanks. :)
Anchit Manchanda (1 year ago)
Wow ur tutorials are amazing...thank u
THE CHEMOPHILIC (1 year ago)
Is it true that two inline elements, when side by side, will automatically get a margin; while two block elements won't have any margin, when in top-to-down order??? Plz reply....
Bobby Day (1 year ago)
Yes, inline will automatically receive some margin, while block will receive no margin.
ganesh chiram (1 year ago)
html and css codes plz
kwaku s (1 year ago)
Anyone else crack up about EJ referring to the line break as "he"? lmaooo
EJ Media (1 year ago)
i am laughing now
Sai Sarvani P (1 year ago)
i have never seen a teacher like you....Thanks for making such tutorials..i attend offline tutorials but now i feel i jus wasted money which is not worth on them...thanks alot for making us understand..whoever do not love web designing also,will eventually start loving it by watching ur explanations:) :)
Jessie Gao (1 year ago)
what is a flow?
listen to Eminem.
Rodrigo Diaz (1 year ago)
Natural order in which elements are painted on the browser
Rooke RON (2 years ago)
Does floating works only on div elements?
Rajath Gatty (5 months ago)
No
Tim Curtin (2 years ago)
Your classes are very helpful but I do have one issue I have not been able to resolve. I have a HTML 5 header tag. Inside of that are 3 DIV's which the two outer will hold graphics and the center one will hold a banner pic and text. I want to center the middle div inside of the header. How can I do this. I am applying Float left and right for the two outer divs and that is working fine but the middle div is hugging the left most div. I have not assigned any margins to the left most or middle div as I am hoping there is a way to tell the middle div to center inside of its parent, which is the header... Hope you can help me out. Thanks... TIm
turquoise phase (2 years ago)
so what to do with that line brake? I actually even get the part of background of my Header two between divs and Header 1 element..
Bridge Moraleda (2 years ago)
thank you for this tutorial, I really learned a lot on the fundamentals. I'll make damn sure to donate after I get my first job.
pooja gupta (2 years ago)
you are a great mentor !!
P Bruins (2 years ago)
I downloaded the code but I could not link the CSS with the HTML. I can see the HTML on the website, but not the CSS. Do you know what I am doing wrong?
WayToAesthetic (2 years ago)
dude thanks for helping me ! Subscribed ;)
aakash0486 (2 years ago)
you explain things really well. thanks.
Youness Ouakrim (2 years ago)
Seriously man thank you, you have no idea how good you're when you explain things.
Joshua Baldwin (1 year ago)
true he's a great instructor
kerry Bennett (3 years ago)
great tutorial. it makes it alot easier when you see what you are truly dealing with. not just text a pics. it's like a whole different layer underneath that you are actually minipulating. great work!
Robert Crawford (3 years ago)
+EJ Media Just a quick reminder: could you please upload the html codes for CSS Tutorials n. 33, 34 and 35? Thanks a lot.
EJ Media (3 years ago)
+kerry Bennett Why thank you :)
Adarsh S (3 years ago)
Finally some good tutorials..
TheStartupGuy (3 years ago)
these tutorial are perfect, thnks a lot
Sunny Dimalu (4 years ago)
best free tutorials I just learned css in 2days sir credit goes to you Thank you make tutorials on python qt too..Thanks 
Monkey Meister (3 years ago)
+Jacob Prince +Sunny Seven I third it ;)
Jacob (3 years ago)
+Sunny Seven i second this comment
EJ Media (4 years ago)
+Sunny Seven Great to be of help

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.