span{
display: block;
}
				
			

				
					
span{
display: inline;
}
				
			

Video Summary

Alright, in this section we’re going to cover the display property. And these are the two main ones is block and inline. And block is the default version of this is basically when we when we’re thinking about when we’re in code pen and we have multiple different paragraphs that each element is just stacked on one on top of each other. So we have like, basically how this if this was a paragraph tag right here, within our website, is that the one paragraphs right here, the next one goes the second line is right there and so on. So you might want to use this good to know the display block, in case you are dealing with elements that were predefined and inline, which we’ll get into in the next section. And you want it to just be the default to have you know, having a stack on top of each other. This is how you will be able to set this up. So let’s go into display inline. So display inline means is that instead of having it stacked on top of each other, it just puts it right right next to each other. So element one is right here, element two is right there. element three is right there and so on, and once it reaches the end of the line, it just brings it down to the next slide after that. Alright, so let’s hop into code pen and play around with this.