Today we are going to discuss about the inline element and the block level element. So what are the inline and block level block level elements or suppose P is the block level element not possible it's Wi Fi is the block level element, which is the block level element. Okay. So it's totally depend upon the elements. So your image is the inline elements. So why am I saying block level element?

Why I'm thinking line or suppose I'm just coming this How can you come in, you have learned plays in sign not equals two and add the coming here. You can write something here or suppose This is my comment for you okay. So, we will discuss about we are now discussing about the level element. So, we have discussed that P is the block level element Now, why is the fees, I'm saying one. Now, I totally am saying to go to your page, refresh the page. So now as you can see, we have just added one and you have no days, that one starts from the one line and to start from the second line.

So this is the one and this is the two. So this is a one line and this is another line. In simple words, block level elements always starts from the new line or always starts on the new line. So that's why these are the block level elements, okay? inline element or those elements you can suppose you have your paragraph, okay. So, this is the block level element and now you are writing something like this.

This is my paragraph, okay? Now if you are adding the span, okay? If you're adding the span like this, or in simple words, small letters and I'm saying para are you now go to your page, refresh the page. Now as you can see, this is the inline element. So that's why it starts from the same line. Okay, so your image has inline element.

If you are defining your anchor we have discussed about the anchors in Orpheus lectures. But now I'm saying this is the home and closing the anchor control altar, alter the that means copy, paste and sing about us now I'm saying contact us go to your page, refresh the page. Now as you can see, you are showing your anchors in the same line. So that's why I'm saying this is the inline element. So, these are the inline element. These are the block level element and image, anchor and span we will discuss about the span you know later lectures.

So it certainly depends upon the nature of that, we will discuss about the inline element in related lectures but for now the this is an inline image you will also have the block level element So, how can define your day off suppose, I am saying this is the day there was nothing This is just is the container Okay, now this is your day. So this is the block level element. First of all if I'm writing something here, go to your page refresh the page now as you can see, this is the block level element so, if I copy this and I paste this here, go to your page refresh the page now, as you can see, it's showing on the bottom okay. So this is the block level element if you can. So this is also a container for suppose if I am going to add some styling here, I'm saying worth 200 Financing height 200 financing big round.

And I'm saying read your page, refresh the page, big round. Refresh the page also, big round. Okay, so now as you can see, you have just added the style, or these are the this is the property This is the value property and value property value. So don't worry about if you are not familiar with them just ignore them. This is the container is a container you can write your elements in the diff. So as you can see, I have just right here, the element in the riff.

So now go to your page, refresh the page. Now as you can see, you are showing the elements in the day in the sixty.com right click inspect element. So now as you can see you have your day You have your day. So this is your day. You have added the elements in this date. So as you can see this is the blue is showing the blue and our eye, our our on this element.

And in the day you have your several days. So this is the Nester day. So you can add the nested elements. So as you can see this, we have assigned falling we have added HTML. So header, these are the choice. So that's why these are the nested elements we can say these are the nested elements.

So in this way you can create the block level element and you can use any level inline element. So thank you for watching.