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

CSS Tutorial for Beginners - 33 - Floating an element

316 ratings | 73595 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 (33)
Khalid Abdul (2 months ago)
Thank you, good work and excellent presentation
Mohammed Avez (5 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 (10 months ago)
Hi, CSS Guru! Thanks. :)
Anchit Manchanda (11 months ago)
Wow ur tutorials are amazing...thank u
THE CHEMOPHILIC (11 months 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 (9 months 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 (7 months 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?
kuku swuro (8 months ago)
listen to Eminem.
Rodrigo Diaz (1 year ago)
Natural order in which elements are painted on the browser
Rooke RON (1 year ago)
Does floating works only on div elements?
Rajath Gatty (11 days ago)
Tim Curtin (1 year 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 (1 year 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 (2 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 (2 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 (2 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
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 (3 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.