The display: inline-block Value. Compared to display: inline, the major difference is that display: inline-block allows to set a width and height on the element. Also, with display: inline-block, the top and bottom margins/paddings are respected, but with display: inline they are not. I'm trying to have a specific HTML markup of my divs using css and bootstrap The image below demonstrates the result I want to get. I've used the bootstrap grid system so that my page would be responsive and properly displayed in small screen devices. Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Mobile first. With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Set an element to display: block and.