inline block in css
.d_in {
display: inline;
/* This causes a block-level element to act like an inline element. */
}
.d_b {
display: block;
/* This causes an inline element to act like a block-level element. */
}
.d_in_b {
display: inline-block;
/* This causes a block-level element to flow like an inline element
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.
*/
}
.d_n {
display: none;
/* This hides an element from the page. */
}