Best Industrial Training in C,C++,PHP,Dot Net,Java in Jalandhar

Monday, 17 September 2012

CSS display Property




1.


<html>
<head>
<style type="text/css">
p {display:inline}
</style>
</head>
<body>

<p>These two paragraphs generates inline boxes, and it results in</p>

<p>no distance between the two elements.</p>

</body>
</html>


2.


<html>
<head>
<style type="text/css">
p {display:none}
</style>
</head>
<body>

<p>These two paragraphs generates inline boxes, and it results in</p>

<p>no distance between the two elements.</p>

</body>
</html>



3.

<html>
<head>
<style type="text/css">
p {display:block}
</style>
</head>
<body>

<p>These two paragraphs generates inline boxes, and it results in</p>

<p>no distance between the two elements.</p>

</body>
</html>

4.


<html>
<head>
<style type="text/css">
p {display:list-item}
</style>
</head>
<body>

<p>These two paragraphs generates inline boxes, and it results in</p>

<p>no distance between the two elements.</p>

</body>
</html>








No comments:

Post a Comment