The text-overflow property of the CSS is used to wrap the text into the next line of an element.
let's Create a Web Page named textwrap.html
<!doctype html>
<head>
<title>text-overflow property in CSS</title>
</head>
<body>
<h1>Working With Wrapping Text</h1>
<p style="font-size:30px;height:1.1em;overflow:hidden;">
In this Web Document we are wrapping text by using the text-overflow property of the CSS.
</p>
<p style="font-size:30px;height:1.1em;text-overflow:clip;white-space:nowrap;overflow:hidden;">
In this Web Document we are wrapping text by using the text-overflow property of the CSS.
</p>
<p style="font-size:30px;height:1.1em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;">
In this Web Document we are wrapping text by using the text-overflow property of the CSS.
</p>
</body>
</html>
The Output of the Above Web Document :
let's Create a Web Page named textwrap.html
<!doctype html>
<head>
<title>text-overflow property in CSS</title>
</head>
<body>
<h1>Working With Wrapping Text</h1>
<p style="font-size:30px;height:1.1em;overflow:hidden;">
In this Web Document we are wrapping text by using the text-overflow property of the CSS.
</p>
<p style="font-size:30px;height:1.1em;text-overflow:clip;white-space:nowrap;overflow:hidden;">
In this Web Document we are wrapping text by using the text-overflow property of the CSS.
</p>
<p style="font-size:30px;height:1.1em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;">
In this Web Document we are wrapping text by using the text-overflow property of the CSS.
</p>
</body>
</html>
The Output of the Above Web Document :
No comments:
Post a Comment