source: http://stackoverflow.com/questions/9189810/css-display-inline-vs-inline-block
(a little bit edited after some experiment)
(a little bit edited after some experiment)
Inline elements:
- respect only left & right margins and padding, but not top & bottom
- cannot have a width and height set(it's only for the kind of block)
- allow other elements to sit to their left and right.
Block elements:
- force a line break before and after the block element
- respect top & bottom & left & right margins and paddings
- respect height and width
Inline-block elements:
- It's a hybrid of inline and block properties.
- (inline property) allow other elements to sit to their left and right
- (block property) respect top & bottom & left & right margins and paddings
- (block property) respect height and width
댓글
댓글 쓰기