CSS Display Property Tutorial

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.

Follow LearnWebCode on Twitter for resources and updates:

[alexcalder]

You just cleared up in less than 10 minutes what has caused me trouble for literally years.  Thank you!  Great presentation.

[octopusfetish]

This guy is a legend. I didnt have audio and understod everything. Thank you.

[SamLyn]

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.

[smb]

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!

[avieus]

Excellent..finally someone who can spell it in such simple terms... khan Academy:call this dude!

[cosmic_jon]

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!

[YoussefZidan]

wow!
i totally understand now the differences!
your way of teaching is amazing!
thanks!

[TheElkster]

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!

[matthewspencer]

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.

[SteveManning-qssn]

This is the best explanation I have seen. Great job!

[tanvirhasanmonir]

Very good explanation, now I got understand this. Lot of thanks

[motodox]

Thanks for all these tutorials, it has really helped me take my website to another level!

[benheinzmohele]

wow you guy know what you are doing..! and I am totally going to subscribe without even being told to..! hit it in less than 10 min..!! are a teacher or what..? daaamn

[JueGu]

i like how the way you teach, its very very clear, i am learning a lot from your channel and videos! keep it up!

[ebrahimhamedi]

Suppose you write a new paragraph with id="p2" in a parent paragraph.then if we write #p2{display:inline} we can see that the child paragraph won't act like the tag <span>.
For example
<p> piggy <p id="p2">something </p> in the middle </p>

Result:
Piggy
Something in the middle

I expected a result like this:
Piggy something in the middle.

[drallisimo]

great tutorial for understanding the very important display-property in css

[amirulidzham]

Another great video. Thanks. You're totally ready for the video presentation. Well done

[RedEyedJedi]

Thank you, thank you, thank you! That has completely cleared that up for me.

[gnomefan]

nice vidoes dude. learn alot from you keep posting the good work and codes :)

[gabrielbaroi]

Nicely and greatly explained. Thank you.