CSS Tutorial For Beginners 37 - Margins

Yo ninjas, in this CSS lesson we're gonna dive deeper into the box model and take a look at CSS margins! Margins control the spacing of elements from one another and work in a clockwise fashion. This means we can apply a margin to the top, right, bottom and left. We'll learn about each one, as well as the margin auto value, in this CSS tutorial.

========== CSS for Beginners Playlist ==========

========== HTML Basics Course ==========

========== The Net Ninja ============

========== Social Links ==========

[jojojawjaw]

This is amazing, thank you so much. I didn't know a simple way to center elements horizontally in a page. This solves a big problem for me.

[lologachupin]

Love your videos! Thank you for all this info! Cheers from 2020! =S

[tazzyreign]

Did anyone else notice the game updating on steam? :3

[smitamahadik]

can we use div element as display inline or span element as display block??

[atomicatom]

Awesome Teacher!!!
I have a question:
What if want to make box at the bottom of a page.
Kind of some web pages do so.
They put the box at the bottom and on the center there is written About us or Contact to us.
How to put a text in the middle and how to put a box at the bottom?

[ashRAFKSALIM]

You are so funny 😂😂😂, Yo What the hell is going on guys? 😂😂😂😂Yo! Master!


The way you say guys feels like you are fed up of teaching us all😂😂😂

[anantshekhar]

margins are always with respect to some other elements right? so the second box having 30px top margin should be started from the position at which the first box has started? isn't it?

[ahmetomer]

Everything is good, but there's one thing annoys me that you dont use the live preview

[prashantjeena]

which game are you downloading/updating?

[margodarden]

I wanted to know if you made videos about the responsive design of a website or can you explain how I would fix the situation you got into in your video other than Great Videos to look in order to learn.

[rowaimsafdar]

please someone answer me!!! sir when you were explaining about margin collapse margin-bottom of 1st div is 15px and margin-top of 2nd div is 30px..but they will collapse and the 30px value will be considered... then what will be the value of margin bottom of 1st div after collapse?? it will be 15px or it will be 30Px...???

[NachoOncina]

The Steam icon is active on the taskbar . It seems that someone is entertained between video and video... :D

[georgimoskov]

How to deal with margin collapse if I want to have different margin-top and margin-bottom :)

[himapop]

why didn't you just make the files to open directly with chroom ;D

[yusufhowladarcom]

you didn't say how to stop margin collapse. I need to know, how to stop margin collapsing.

[raybbaby]

Margarine's alright. I like butter mo' bettah though.

[stefanprvanovic]

Thank you, your tutorials helped me learn so much. I had big holes in my knowledge when I finished curriculum at freeCodeCamp.org. You helped me a lot by far. Thank you for your effort.

[kjn]

6:17 "15 bottom and 15 down".... derp.