Block, Inline, and Inline-Block explained | CSS Tutorial

Understaning how block, inline, and inline-block each behave is very important when learning CSS, as well as knowing why you might want to switch the display property of an element every now and then.

Using outlines to debug CSS: https://youtu.be/aJml1TTB2Pg
Two-value syntax for the display property: https://developer.mozilla.org/en-US/docs/Web/CSS/display/two-value_syntax_of_display

#CSS

Come hang out with other dev’s in my Discord Community
https://discord.gg/nTYCvrK

Keep up to date with everything I’m up to
https://www.kevinpowell.co/newsletter

Help support my channel
Get a course: https://www.kevinpowell.co/courses
Buy the t-shirt: https://teespring.com/stores/making-the-internet-awesome
Support me on Patreon: https://www.patreon.com/kevinpowell

My editor: VS Code – https://code.visualstudio.com/

How my browser refreshes when I save: https://youtu.be/h24noHYsuGc

I’m on some other places on the internet too!

If you’d like a behind the scenes and previews of what’s coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

And whatever you do, don’t forget to keep on making your corner of the internet just a little bit more awesome!

You May Also Like