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!

Видео Block, Inline, and Inline-Block explained | CSS Tutorial канала Kevin Powell