Learn More
Resend Email
48
Best or worst developer interview question?
Week 48 Group Rant
chrisrhymes
7y

Question: What's the difference between display: block and display: inline?

Me: Thanks for your time...

undefined

wk48
Favorite
Ranter
Comments
  • 5
    7y
    It's 2 different state which can have different properties
    <body><footer> or <div> are block because.. they are a block
    <h1><strong><span> are type inline because there is no line return are the end of these
  • 2
    7y
    inline: document flow, meaning it goes with the text, doesn't break the line, doesn't have width/height properties but text-height instead.
    block: takes the whole horizontal space, default for images, tables, divs. Has specified width and height.
    If you want it to not break the line and have height/width you use "inline-block".
    Didn't mention flexbox since it's a more complicated display, try to figure these and experiment a little then read about flex box
  • 2
    7y
    @pagrette h1 is block.
  • 6
    7y
    Its wk48 folks, it doesn't warrant an explanation.
  • 0
    7y
    @pagrette and @lewdogg actually all h1 - h6 is block.
  • 1
    7y
    So was this a good question or a bad one? I think that it is a good question.
  • 2
    7y
    I'd say it'd be a valid question for a ~junior position. Higher thant that it could be interpreted as kinda insulting? I could be wrong, just got out of bed...
  • 0
    7y
    @PoweredByCoffee Oh I Thought It Was An Inline.. my bad
Related Rants
devRant © 2021 Hexical Labs LLC
Privacy Policy  |  Terms of Service
Add Comment