CSS display property explained (block, inline, inline-block, none)
How the CSS display property works, with block, inline, and inline-block elements, and how padding, border, and margin works in each type of element.
💥 Learn how to build a website from a Figma design with HTML, CSS, and JS -- https://coder-coder.com/responsive?ut...
Source code: https://github.com/thecodercoder/css-...
CSS Layouts playlist: • CSS Layouts with Flexbox and Grid
____________
💻 LEARN TO CODE 💻
MY COURSE:
🟢 Responsive Design for Beginners -- Learn how to build a website from scratch -- https://coder-coder.com/responsive
RECOMMENDED RESOURCES:
Tools and resources I use myself and highly recommend, with exclusive discounts (affiliate links help support this channel-- thank you!)
🔷 Frontend Mentor Pro -- Practice building real-world projects (10% off with code JESSCHAN10) -- https://www.frontendmentor.io/?via=je...
🔷 Boot.dev -- Learn back-end development (25% off) -- https://www.boot.dev/?promo=CODERCODER
🔷 Zero to Mastery -- Learn web dev, AI, DevOps and more with 100+ courses -- https://academy.zerotomastery.io/a/af...
OTHER STUFF:
🟢 Coder Coder Dark -- My VS Code theme -- https://marketplace.visualstudio.com/...
🟢 Coder Coder Merch -- get my hoodie, coffee cup, and more! -- https://coder-coder.com/merch
SOCIALS:
/ thecodercoder
/ thecodercoder
_____________________
0:00 - the display property
0:27 - block elements
1:59 - inline elements
4:59 - block vs inline
7:50 - inline-block
13:06 - display: none
13:44 - Layout Modes
#css #javascript #html
On this page of the site you can watch the video online CSS display property explained (block, inline, inline-block, none) with a duration of hours minute second in good quality, which was uploaded by the user Coder Coder 23 February 2026, share the link with friends and acquaintances, this video has already been watched 5,702 times on youtube and it was liked by 345 viewers. Enjoy your viewing!
