What is the basic difference between inline and block elements?

Question

I am really confused between inline and block elements in html. I can't understand the difference.

Answer 1

✨💛~_Starlight_~💛✨ Read the lesson below and go through the threads .Also Kindly use the search bar next time ...
https://www.sololearn.com/learn/HTML/1034/?ref=app
https://www.sololearn.com/Discuss/19736/?ref=app
https://www.sololearn.com/Discuss/57720/?ref=app

Answer 2

Doesn't the html tutorial teach this?

Answer 3

Coder thank you 😇

Answer 4

Aderibigbe Samuel thank you so much... it helped 😇

Answer 5

Sonic ...It does but still I didn't get it... but now I know... so no problem... 🙂

Answer 6

These may help you.☺
https://www.sololearn.com/Discuss/2369849/?ref=app
https://www.sololearn.com/Discuss/2325725/?ref=app

Answer 7

Alphin K Sajan thank you so much.. 😇..now I get it 👍

Answer 8

《 Nicko12 》 thank you so much 😇💜

Answer 9

✨💛~_Starlight_~💛✨ Wlcm

Answer 10

If a elements takes whole 100% width of the brower then it is Block level otherwise it is inline element

Answer 11

Simply,

An inline element does not start on a new line and only takes up as much width as necessary.

A block-level element always starts on a new line and takes up the full width available i.e stretches out to the left and right as far as it can

Hope this helps ☺️

Answer 12

✨💛~_Starlight_~💛✨ you are welcome bro