Latest topics
The most tagged keywords
Difference between div and span tags
9jabaze - Entertainment | Webmaster | Browsing Tricks | Games/Apps Hub :: Technology Forums :: Blogging
Page 1 of 1
Difference between div and span tags
In HTML there are two types of elements.
1. Block Level Elements
2. Inline Level Elements
The “div” belongs to the block level elements. That means the moment you define anything within div tag, it takes the entire block of the page until you define a width for it.
1<div class="container">
2 <p>Hello World!</p>
3</div>
Now this will take the width of entire page until the
code below shows up.
1<div class="container" style="width:80%">
2 <p>Hello World!</p>
3</div>
Above div tag will consume 80% of the page to print
the text. Also if you define two div tags it will appear
below. That’s why it’s called block level elements.
Inline level elements never consume the entire page
but only the part where it is used. Even if you define
two span tags, it will appear inline with other.
1<span>Text1</span>
2<span>Text2</span>
Even if you define it below, it will printed on the
page as
Text1Text2
You can try this out on an editor and test it with any
browser. Hope I cleared your doubt.
Add on’s:
Other block level elements are <p>, <iframe>, <h1> till
<h6> etc
Other inline level elements are <a>, <strong>, <em>,
<sub>, <sup> etc
Source
1. Block Level Elements
2. Inline Level Elements
The “div” belongs to the block level elements. That means the moment you define anything within div tag, it takes the entire block of the page until you define a width for it.
1<div class="container">
2 <p>Hello World!</p>
3</div>
Now this will take the width of entire page until the
code below shows up.
1<div class="container" style="width:80%">
2 <p>Hello World!</p>
3</div>
Above div tag will consume 80% of the page to print
the text. Also if you define two div tags it will appear
below. That’s why it’s called block level elements.
Inline level elements never consume the entire page
but only the part where it is used. Even if you define
two span tags, it will appear inline with other.
1<span>Text1</span>
2<span>Text2</span>
Even if you define it below, it will printed on the
page as
Text1Text2
You can try this out on an editor and test it with any
browser. Hope I cleared your doubt.
Add on’s:
Other block level elements are <p>, <iframe>, <h1> till
<h6> etc
Other inline level elements are <a>, <strong>, <em>,
<sub>, <sup> etc
Source
9jabaze - Entertainment | Webmaster | Browsing Tricks | Games/Apps Hub :: Technology Forums :: Blogging
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
|
|
» 2020Bbnaija : Why I Can’t Be In A Relationship With Ozo – Nengi
» Can You Have S*x On Your First Date? Check Out What Actress, Debbie Shokoya Has To Say About This
» Nigerian Singer, Seunfunmi Stephen, Recounts How Her Husband Was Killed By Stray Bullet
» Olakunle Churchill Shares Photo Of Himself And Actress Rosy Meurer As He Writes On The Importance Of Loyalty
» Ubi Franklin Reveals What Happened To Him When He Visited A Hospital Amid COVID-19 Pandemic
» Vardy Wins Premier League Golden Boot, Beats Ings, Aubameyang & Sterling
» The Right Way To Preach About Hell - Milton Goh
» “Surgery For What?” – Regina Daniels Shows Off Hot Body After Childbirth (Video)
» I Got Pregnant As A Virgin At 23 – Wathoni
» #Bbnaija2020: Wathoni Kisses Kiddwaya During BBNaija Truth Or Dare Game
» Bbnaija: Kiddywaya Gropes Erica’s Breast While Dancing And She Reacts
» “I Hope To Collaborate With Rihanna & Drake Soon” – Rema
» “Girls That Give Threesome With Their Friend Have A Special Place In Heaven” – Naira Marley
» “To Be A Boss, You Must Be A Servant” – Frodd Recounts On His Humble Beginnings
» “Stop Pressuring Us With Your Beauty”, Actress Queen Nwokoye Begs Ini Edo
» You Look Like A Weed Smoker – Lady Fires Adekunle Gold Over New Look
» Davido Turns Chef, Spotted Cooking Probably For Chioma And His Crew
» Kanye West Apologizes To Kim Kardashian For Public Rants On Their Marriage
» [Lyrics] Korede Bello – Hey Babe