HTML5 and CSS3 beginner tutorial 19 - Divs and Spans

In this tutorial I show you the difference between block level and inline elements with a div and span tag.

Don't forget to tell them I sent you.

Follow me on social media:
Snapchat: quentinwatt92

Patrons can download the code here:

Become a Patron:

Subscribe to my Vlog channel:

Subscribe to this channel:

Please note:
I do not offer web development services, private tutoring, or "assistance" on school or university projects. I am not an online support service, and I'm not interested in setting up a "start up" business with viewers.

[swallowedinthesea]

Nostalgia! I vividly remember watching your HTML/CSS playlist five years ago. I donated because it was so helpful!

[petereaves]

I wish all tutorials were just as straight forward as this!

[mgmm]

I love to watch your videos! You're very clear, calm and cute. Besides learning, I fell me comfortable here. Thank you! <3

[alvardsargsyan]

HI. here is some info.
The <span> tag is used to:
Highlight a part of a text with a color, define a background color or background image for it.
Change the font of separate words or phrases.
Apply scripts to exact parts of the text, for example highlight the syntax of the code, etc.

[MrGalo]

Hey Quentin, let me thank you for sharing such a great tutorials with us. Regards from India. Shukriya!

[aliaschmalia]

Thanks a lot for these tutorials Quentin. Much appreciated!

[EDPhoto]

Nice! Got some questions about this, but I'm going to wait until you start covering "selectors" b/c you may answer them there.
Glad the Internet is back up...you were missed!

[nsubilimwaipopo]

Thanks a lo..i really enjoy listening to your tutorials

[ayotitservices]

Thank you because you made me learned something today

[asadraza]

Question As u said that we can use this property for the inline or block and that is "display:" property
so the question is that we have already got a property by which we can easily make the change whether we want to use inline or block, than why we use or need of these tags like span or div etc
we just use <p> tag and use the property of display ???
Correct me if im wrong thanks in advance xD

[bamwv]

Wow.i studying div and span very nice 👍🏾 thanks u

[santoshkunwar]

loved it Mate.Good work . Love from Nepal

[AdrianaRodriguez-vofh]

Thank you for making it clear.. i can now break this info down more for my students! I am wondering if you could provide a tutorial on the difference between the section, footer, etc... I am confused with that and divs along with flexboxes

[njat]

Really you are amazing brother....
thanku so much

[JohnBelley]

Hey man, no one will blame you for having a bottle of water nearby and hydrating a little. the hard swallows are a little hard on the ears with headphones on hahaha

[TheSilentLooters]

I read somewhere we don't prefer to use divs and spans
Please reply

[charan_]

Hello Quentin
<img> is inline but it is taking width and height property, are there any other elements like img?

[konstd]

So basically, the only difference between div and span - is the default value for it's display property? Block for div and inline for span... And if you will set it explicitly to be block or inline for both - there will be NO difference at all?

[plus.google.comhphomrongma]

Hello Quentin, how do I find your tutorial on optimizing website for mobile users? Kindly help