While looking at the examples below it is best to keep in mind that an inline-block element is placed as an inline element (on the
same line as adjacent content), but it behaves as a block element.
Doesn't respect padding-top, padding-bottom, width and height
.inline-div {
border: solid 1px blue;
display:inline;padding-top: 3px;
padding-bottom: 3px;width: 110px;height: 30px;
}
Respects padding-top, padding-bottom, width and height
.inline-block-div {
border: solid 1px blue;
display:inline;
padding-top: 3px;
padding-bottom: 3px;
width: 110px;
height: 30px;
}