display: block; nedir

Bir yanı satır içi davranırken bir yanı blok davranır.

<div id="denemeBir"> Lorem ipsum dolor sit amet... <p>Praesent id nunc eros. Integer mauris orci, venenatis ac tempor ut, gravida ac diam. </p> Pellentesque...</div> 

<div id="denemeIki">Quisque at venenatis nulla...<p>Nam fermentum porttitor hendrerit.</p> Mauris ante nulla..</div> 

<div id="denemeUc"> Sed urna neque...<p>Sed est lacus, laoreet at malesuada quis, convallis ut nibh.</p> Sed dapibus...</div>

div{
    border: 1px solid #000;
    margin: 10px 0;
}

p{
    border: 1px dotted #000;
}

div#denemeBir p{
    background-color: #FF0;
    display: block;
    text-align: center;
    width: 50px;
}

div#denemeIki p{
    background-color: #0FF;
    display: inline;
    text-align: center;
    width: 50px;
}

div#denemeUc p{
    background-color: #F0F;
    display: inline-block;
    text-align: center;
    width: 50px;
}