inline and inline block css code example
Example 1: what does display inline-block do?
span.a {
display: inline;
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid blue;
background-color: yellow;
}
span.b {
display: inline-block;
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid blue;
background-color: yellow;
}
span.c {
display: block;
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid blue;
background-color: yellow;
}
Example 2: inline-block
An inline block is placed inline (ie. on the same line as adjacent content), but it behaves as a block. Its inline but we can add width height etc