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

CSS Display Property Tutorial

742 ratings | 47974 views
In this video we learn about the CSS property "display." We take a look at the most common values and their typical uses in web pages. Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/ Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/ Follow LearnWebCode on Twitter for resources and updates: https://twitter.com/learnwebcode
Html code for embedding videos on your blog
Text Comments (61)
ProgressiveQuest (16 days ago)
Awesome! I had an image inside an anchor tag, and there was always a space below it, and I couldn't figure out why. It's because images are inline by default! Switching the image to display: block fixed my issue. Apparently the space below the image was the space for the "descender" like you have in certain letters (j, y, g, q) that goes below the text "baseline". This space is also used for underlines and things of that nature. Thanks for the explanation!
Nooby Gaming (2 months ago)
Thank you for the explanation!
Roshan Jafri (3 months ago)
great tutorial helped clear a lot of confusion, btw which text editor is thi?
Titu Baroi (4 months ago)
Nicely and greatly explained. Thank you.
almashossen 222 (4 months ago)
good work bro [email protected] u r great
abdouh agawa (4 months ago)
Thank you very very very much
Shiham Mohammed (4 months ago)
nice video
MrRossss1 (7 months ago)
Awesome vid thanks!
Said Foudal (7 months ago)
You are on something ? What ever you are on must be good
Z'Shan Khan (10 months ago)
Which software you are coding on?
Youssef Zidan (1 year ago)
wow! i totally understand now the differences! your way of teaching is amazing! thanks!
Michael Taylor Jr (1 year ago)
Bruh,, this video is the sh#t 👍🏾 ... because the display property explain really vaguely by a lot of people.
Snisser (1 year ago)
Haven't seen any better explanation in several books and many websites, thanks for clearing this up so extremely good! :)
Grims (1 year ago)
Спасибо)
Kevin Kelly (1 year ago)
Fucking great video
hicham idou (1 year ago)
great video big up
Just me (1 year ago)
thank you so much! clarified my inline/block notions. Bless u.
tran-zam.com (1 year ago)
This is the best explanation I have seen. Great job!
winz prince (1 year ago)
nice
Quentin McKay (1 year ago)
heighth is not a word...but thanks for the video :-)
Rupesh Vaingankar (1 year ago)
thanks .. now d concept r clear :)
Aminul islam (1 year ago)
thanks a lot sir.
Amirul Idzham (1 year ago)
Another great video. Thanks. You're totally ready for the video presentation. Well done
WhyNotEveryThing (1 year ago)
Now how can we make 3 blocks in a line? Do we need to first put 3 divs inside the main div and give inline-block to the main div or give inline-blocks to the 3 divs inside the main div?
WhyNotEveryThing (1 year ago)
Makes sense. Thanks.
John-Paul Ensign (1 year ago)
You can apply inline-block to each of the divs that you want next to eachother. Adding to the main div will make it be inline to it's parent, so probably not what you want.
Nate L (2 years ago)
Do you teach?  What school do you work at?  I'm on my way.
Viktoriia Iasiniuk (2 years ago)
Thank you. Very usefull.
Kyaw Zin Latt (2 years ago)
May I know which IDE or Editor you are using?
pari c (2 years ago)
do you have code repos for the above tutorials??
Indiana (2 years ago)
very very long. bad practice
sajidul islam (2 years ago)
really helpfull.thanks!
Raveon3 (2 years ago)
thank you very much!
Estraneo (2 years ago)
thank you very informative
Ronnie Rios (2 years ago)
Well explained (y)
Michael Oliver (3 years ago)
another great video explanation
Samantha Shugars (3 years ago)
Your videos are simple, no frills, and informative. Thank you a bunch. I sort of mixed up the position, display, and float values but with the help of your video I'm starting to sort out how they're different and how they work together.
Hui Hao (3 years ago)
Thank you so much!!! You helped me!
Matthew Spencer (3 years ago)
I will be subscribing for sure. You get right to the point and told me exactly what I needed plus some additional information. You also get bonus points for not being 12 years old. I turn a video off the second I hear a high pitched voice with a cs:go wallpaper.
Viktor Strate (3 years ago)
The blue box is bigger!
Alan B (3 years ago)
Excellent..finally someone who can spell it in such simple terms... khan Academy:call this dude!
Dan Cacovean (3 years ago)
great tutorial for understanding the very important display-property in css
Knowideer (3 years ago)
great tutorial. very clear and concise! thanks
Alex Calder (3 years ago)
You just cleared up in less than 10 minutes what has caused me trouble for literally years.  Thank you!  Great presentation.
LearnWebCode (3 years ago)
+Alex Calder CSS display can be tricky - it's great to hear the video was helpful, thanks!
Znaydi Mohssin (3 years ago)
thank you
Shovon Jamali (4 years ago)
Nice and clear! But I have a question though - If img is an inline element then how can we set it's width and height ?!
Tenzin Thayai (4 years ago)
Thank you for clearing my doubt!!!
Maidul I (4 years ago)
really nice videos :)
ask sumon (4 years ago)
thanks man !
corelur (4 years ago)
You are great!!!!
nicole caday (4 years ago)
can you please make a video on how to make items slider for ecommerce site? thanks in advance!
Kacy Raye (4 years ago)
Why was the vertical height ignored, but the vertical padding was not ?
Mojo Jojo (5 years ago)
sublime text in MAC O.S.
Harish-Chandra Dubey (5 years ago)
can I have which editor u are using and what is operating system
smb10011001 (5 years ago)
Thank you! This explains SO MUCH! By jumping in an teaching myself, I neglected to grok these important fundamentals of HTML/CSS programming. My wall has many head dents from frustration that you have cleared up. Thank you thank you!
Jin Saborit (5 years ago)
i like how the way you teach, its very very clear, i am learning a lot from your channel and videos! keep it up!
Paul Elksnis (5 years ago)
Really love your style of teaching. You are clear, keeping explanations simple and your pace enables me to grasp what it is you're explaining! I'm hooked! Thanks!
Sylinic (6 years ago)
I demand moar, MOARRRR.
Shazery Nasir (6 years ago)
nice vidoes dude. learn alot from you keep posting the good work and codes :)
Razzle Dazzle (6 years ago)
Thanks for all these tutorials, it has really helped me take my website to another level!

Would you like to comment?

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