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>
Comments
Post a Comment