12. Borders/Padding/Margins

Video Summary

All right, we’re gonna start getting into borders, paddings and margins. Basically was borders pies and margins are is how we are structuring the sizing within and outwith inside and outside the elements. So if you can imagine that this is our element, say this is a paragraph that we have right now we can put a border around this around this paragraph. And basically we just have a simple border and we’re, we’re boxing this paragraph off. But what happens if we don’t or we want to put some spacing between what our Texas saying and where the border is that there’s what we consider padding right here. This is the area that we use to give us spaced around the element that still with inside the border, right? So this is how the padding is how we space things inside the border. Margin is how we spaced things outside the border. So so if we want safe we had a border right around here around our element, but we wanted to have a maybe a 20 pixel spacing around our border. This is what we use as margin. And this may this may seem confusing right now. But I promise you once we go through the border, the padding and the margins, on step by step, this image is going to make so much more sense. And with that being said, I think the best way to start understanding this is getting in learning how we use borders, learning how we can add the element with inside the border and then how we can actually set up our margins outside. So let’s hop in and go to the next slide.

PHP Code Snippets Powered By : XYZScripts.com