The Difference Between Block and Inline Elements

Поділитися
Вставка
  • Опубліковано 26 сер 2024

КОМЕНТАРІ • 32

  • @craigabourne
    @craigabourne  3 роки тому +15

    Learn HTML: ua-cam.com/play/PL4cTxE4s2XIYJL6uPQUwMt25M70gPl-O6.html

  • @mrgk1032
    @mrgk1032 2 роки тому +1

    Your content is underrated !
    I appreciate that you take your time explaining specific things that other UA-camrs miss out or just brush over you on the other hand show how important it is to get in to the nitty gritty stuff

    • @craigabourne
      @craigabourne  2 роки тому +1

      Thanks! Appreciate the kind words. That's exactly why I make videos. Too many tutorials miss out, or gloss over the details. Leaving new developers with holes in their knowledge.

  • @ericrosales8847
    @ericrosales8847 3 роки тому +1

    Explaining the difference really well. Makes you think how it will layout before you write the element

  • @cliffordpaul6086
    @cliffordpaul6086 2 роки тому +1

    You're are a lifesaver. Idk why no one explains it as patiently as you do, since it's really intuitive if taught in the right way.

  • @florencemensah6288
    @florencemensah6288 Рік тому

    Thank you, thank you and thank you. Wasted over 2 hours looking for a better explanation to these context. Awesome. I am gonna stuck here henceforth.

  • @turningwheels2584
    @turningwheels2584 2 роки тому +2

    I have to say this guy is a clear and concise teacher! I'm a newly (mature) learner and struggle to find any videos that actually explain stuff clearly; this guy does just that! Thanks. Time to subscribe and watch all his vids.

    • @craigabourne
      @craigabourne  2 роки тому +1

      Thanks for the kind words Dan 👍

  • @sophiawokoma3711
    @sophiawokoma3711 2 роки тому +1

    Super clear and concise . A lifesaver ! I’m about to watch the rest of the html vids .Thank you so much !!!

    • @craigabourne
      @craigabourne  2 роки тому

      Great to hear! Thanks so much for the kind words!

    • @sophiawokoma3711
      @sophiawokoma3711 2 роки тому

      @@craigabourne no worries ! I’m almost half way through now . Also could I ask a quick question what’s is the difference in use of div/section/article tags ?

  • @rianfirth
    @rianfirth 3 роки тому +1

    Learned so much. Thanks!

    • @craigabourne
      @craigabourne  3 роки тому

      You are very welcome! Glad it was of use 👍

  • @davidbreitner
    @davidbreitner 3 роки тому +1

    Thank you for the very helpful explanation and demonstration of the differences between Block and Inline html elements.

  • @clinthoon
    @clinthoon 3 роки тому +1

    Thank you, excellent video!

  • @prashantmishra5691
    @prashantmishra5691 2 роки тому +1

    Loved it.

  • @simonbielik
    @simonbielik 3 роки тому +1

    You are the very best at html videos. Thanks for these masterpieces.

    • @craigabourne
      @craigabourne  3 роки тому +1

      Wow, thank you! Really appreciate the kind words ❤️

  • @leelaneupane4958
    @leelaneupane4958 3 роки тому +2

    Really helpful in explaining where elements position, Clears up why my link was by my image. Thanks very helpful

    • @craigabourne
      @craigabourne  3 роки тому +1

      We've all been there! Glad it was helpful

  • @lawrenceaprekuantwi9871
    @lawrenceaprekuantwi9871 3 роки тому +1

    Minim, please when will a tutorial on JS be released?

    • @craigabourne
      @craigabourne  3 роки тому +1

      Three months. Just completing the series of CSS videos. I think there will be 29 more CSS videos roughly. Then its all JavaScript based stuff from there.

    • @lawrenceaprekuantwi9871
      @lawrenceaprekuantwi9871 2 роки тому

      @@craigabourne Thanks for all your amazing videos. I can't wait!

  • @osamasarhan6151
    @osamasarhan6151 2 роки тому +1

    I would like to ask about image , it’s an inline element and we can give it width and height without having to do a display: block for it .
    So can we give height and width to inline elements sometime

    • @craigabourne
      @craigabourne  2 роки тому

      Hi, great question! I explain this point explicitly in this video: ua-cam.com/video/LDJMmKkpsVc/v-deo.html (timestamped to the exact point in the video).
      But in short, inline elements cannot be affected by height and width unless they are ‘Replaced Elements’.
      Images, s, and video are elements of this type. Replaced elements are those whose contents are not affected by the current document's styles, and essentially they behave the same as inline-block elements, even though browser defaults have them set to display: inline.

    • @osamasarhan6151
      @osamasarhan6151 2 роки тому

      Thanks you very much