CSS Display Property

code:



<style>



ul li {

display: inline;



}

p {



display: inline;



}

div {



display: inline;



}



span {



display: block;

}



#inblk {

display:inline-block;

padding: 10px;

background:red;



}

#inblk span{

display:inline-block;



padding: 100px;

background:yellow;



}

h2 {

display: none;



}

</style>





<ul>

<li>USA</li>

<li>UK</li>

<li>CANADA</li>

<li>FRANCE</li>

</ul>

<h2>CSS Display</h2>

<p>We are learning CSS</p>

<p>Today We are learning CSS Display property</p>



<div>We are learning CSS</div>

<div>Today We are learning CSS Display property</div>

<br />

<span>We are learning CSS</span>

<span>Today We are learning CSS Display property</span>





<div id="inblk">

<span>We are learning inline block of display property</span>

</div>