I am pretty new to HTML and CSS and am trying to get a better grasp on what display: block; actually does to your HTML. I know it can often times fix my layout problems but I never think of it until the end of my list of possible solutions (mainly because I don’t understand what it actually does). Many articles/support sites that I’ve looked at say that display block will make your element take up the whole line and not allow elements to bump up next to it, where as inline will continue the next element on the same line. My question is then, when you float elements why is it that display:block seems to allow all of the elements to sit next to each other on, seemingly, the same line.
I hope this makes sense! Thank you!
